Cara Menambah Widget Recent Post dengan Gambar Thumbnail Super Keren di Blogger Blog

Widget Recent post adalah sebuah widget yang sangat penting seperti widget postingan terkait untuk blog atau website kamu. Dengan bantuan widget ini, kamu dapat menampilkan posting terbaru di sidebar blog kamu. Memungkinkan pengunjung setia blog Anda mudah menemukan postingan baru-baru saja di terbitkan di blog Anda.

Pada postingan kali ini saya akan memberitakan tutorial bagaimana Cara menambahkan widget recent post dengan thumbnail di platfofm blogger blog. Jika kamu tertarik untuk menambahkan widget ini di blog kamu, ikuti saja tutorial ini dengan baik untuk bisa menambahkan fitur ini di blog kamu.

Mengapa kamu perlu menambahkan widget Recent post di blog Kamu?

Ada banyak manfaat dari menginstal widget ini, salah satu cara untuk menampilkan postingan terbaru di sidebar blog kamu. ini juga menginformasikan kepada para pengunjung blog kamu bahwa ada postingan baru-baru saja diterbitkan di blog Anda.

Ini juga dapat memberikan banyak pageviews untuk blog kamu dan juga mampu meningkatkan pratinjau halaman blog kamu secara cepat dan tepat. Jadi widget ini sangat penting untuk blog atau website kamu.

Bagaimana cara menambahkan Widget recent post dengan Thumbnail di Blogger Blog?

1. Pertama login ke blogger Anda dan pilih menu Tata letak.

2. Sekarang Tambahkan gadget HTML baru dan pilih HTML/JAVASCRIT dan paste kode di bawah ini.

<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/>

3. Jika Kamu tidak ingin menampilkan gambar thumbnail, tetapi hanya ingin menampilkan judul dan deskripsi saja maka ganti kode berikut ini var showpostthumbnails = true; ganti dengan var showpostthumbnails = false;

4. 50 jumlah karakter keterangan dibawah judul dan dapat disetting jika Anda perlu menginginkannya. dan 5 jumlah postingan bisa kamu ubah sesuai keinginan kamu.

Baca juga:

• Cara Install Widget Custom Statistik Untuk Blogger
• Cara Memperbaiki Tombol Share Button Error Di Template Evo Magz dan Fastest Magz, Panduan Lengkap
• Cara Daftar dan Pasang Kode Iklan Poptm di Blog - Panduan Lengkap 2017

Jika ada yang kurang dipahami jangan sungkan untuk memberikan komentar pada kolom dibawah. Semoga bermanfaat !

Bagikan Artikel ini