Home » » Cara membuat widget recent post yang keren dengan thumbnail untuk blogger

Cara membuat widget recent post yang keren dengan thumbnail untuk blogger

Written By Altri Ramadoni on 16 March 2016 | 17:52



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


Share this article :
Ditulis oleh: Altri Ramadoni Fisika Islam Updated at : 17:52

0 komentar:

Post a Comment

 
Support : Kontak | Privasi | Tentang
Copyright © 2019. Fisika Islam - All Rights Reserved
Temukan Kami di Facebook @ Fisika Islam