Skip to main content
IYASEO ID

follow us

Cara Mudah Membuat Widgets Recent Posts

Blogger mempunyai widgets popular post dan recent post sebagai widgets bawaannya,Namun sepertinya, widgets bawaan blogger tidak bisa dimodifikasi supaya kelihatan lebih menarik. Agar tampilan recent posts blognya lebih menarik dan elok di pandang oleh para pengunjung maupun admin sendiri di situsblog maka dari itu.

Artikel kali ini akan memberikan cara membuat recent posts atau belajar cara membuatnya Thumbnail dan Mudah. Widgets ini akan menampilkan posting-posting artikel terbaru dari blog yang kita kelola sendiri dengan jumlah tampilan yang bisa di sesuaikan selera masing-masing. Selain itu widget ini bisa Thumbnail secara otomatis dan berikut uraianya di bawah ini;

Cara Membuat Recent Post dengan Thumbnail

Langkah Pertama 1. Login ke www.blogger.com

Langkah Kedua 2. Pilih Tata Letak kemudian Tambah Gadget

Langkah Ketiga 3. Pilih HTMLJavaScript

Langkah Keempat 4. Masukan kode HTML berikut ini:


<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150; </script>
<script src='https:// www.iyaseo.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Jangan lupa ganti dan Simpan  → www.iyaseo.id/ dengan alamat url blognya ya widgets jika sudah selesai. sahabat blogger.

Untuk Kritik Dan Saran Silahkan Tinggalkan Komentar di Kolom Komentar Yang Sudah Tersedia di Bawah Postingan Ini...Atau Menshare Ke Medsosnya Sahabat blogger.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar