Assalamu 'alaikum pembaca semuanya, kali ini saya akan membagikan tentang bagaimana cara membuat widget recent post di blogger. Membuat widget recent post dapat memudahkan pembaca kita untuk mengakses artikel artikel kita yang sebelumnya atau sesudahnya tanpa harus mengeklik tomblo next ataupun previus. Dan hal ini juga membuat tampilan blog kita lebih indah.
Baik, langsung saja kita bahas bagaimana cara membuatnya langkah demi langkah.
1. Pastikan Anda telah login ke dashboard blog Anda, dan pilih menu Tata Letak
2. Pada menu tata letak pilih Tambahkan Gadget/Widget dan pilih HTML/Javascript
3. Copy ka code di bawah ini lalu simpan widget Anda.
<style type='text/css'>
img.recent_thumb {width: 90px;height: 70px;float: left;
margin-right: 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style><script style='text/javascript' src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></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 = 50;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/>
4. Silakan lihat hasilnya
Catatan :
Silakan ubah sesuai keinginan anda :
var numposts = 5;
angka 5 dapat dirubah untuk menampilkan jumlah artikel yang anda inginkan
var showpostthumbnails = true;
Jika gambar nya tidak keluar ubah kode true menjadi false
Demikianlah cara membuat widget recent post keren dengan gambar tumbnail, jika kode bermasalah silakan hubungi penulis di menu kontak atau silakan langsung koment dibawah postingan ini. Semoga bermanfaat
Catatan :
Silakan ubah sesuai keinginan anda :
var numposts = 5;
angka 5 dapat dirubah untuk menampilkan jumlah artikel yang anda inginkan
var showpostthumbnails = true;
Jika gambar nya tidak keluar ubah kode true menjadi false
Demikianlah cara membuat widget recent post keren dengan gambar tumbnail, jika kode bermasalah silakan hubungi penulis di menu kontak atau silakan langsung koment dibawah postingan ini. Semoga bermanfaat