Cara Membuat Widget Artikel Terbaru

Anda pernah melihat banyak blog dengan menyertakan widget artikel terbaru? Pastinya Anda pernah, hampir semua blog menyertakan widget artikel terbaru. Artikel Terbaru merupakan fitur pada blog yang sangat penting agar terkesan lebih visitor friendly. Artikel terbaru ini berfungsi sebagai pemberitahuan kepada pengunjung untuk mengetahui ataupun membaca posting terbaru di blog Anda. Dengan adanya fitur ini maka dapat meningkatkan trafik pengunjung Anda. Pada kali ini saya akan membagikan Cara Membuat Widget Artikel Terbaru. Caranya cukup mudah untuk Anda lakukan.

Jika Anda berminat memasang widget artikel terbaru, silahkan ikuti langkah-langkah dibawah ini:

• Silahkan Login ke akun blogger Anda, jika sudah silahkan pilih menu Layout.

• Pilih Add Gadget, lalu pilih HTML/Javascript.

• Setelah itu Copy kode dibawah ini ke kotak HTML/Javascript.

<div style="overflow:auto; width:100%px; max-height:250px; padding:5px;"> <style> img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:13px;} </style> <script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script> <script type="text/javascript"> var numposts = 20; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = true; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script> <script src="http://www.panduanblogger-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>
Catatan: Silahkan ubah tulisan panduanblogger-blog.blogspot.com dengan URL Anda.

• Terakhir, klik Save.

Cukup mudah bukan? Sekian artikel tentang Cara Membuat Widget Artikel Terbaru. Jika masih ada yang ingin ditanyakan tulis saja di kolom komentar. Terima kasih sudah mampir dan menyempatkan waktu untuk membaca blog saya. Semoga bermanfaat.

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Panduan Blogger. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Panduan Blogger dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Friday, April 3, 2015