Cara Menambahkan Widget Recent Posts dengan Thumbnails pada Blogger. Widget Recent Posts merupakan salah satu Widget yang akan mempengaruhi pengunjung untuk membaca artikel lebih banyak dari sebuah blog, oleh sebab itu pentingnya
Widget Recent Posts ini untuk mengetahui artikel yang baru saja di tulis tanpa harus membuka halamn pertama atau
Home.
Blogger sendiri tidak menyediakan Widget Recent Posts tetap anda tidak perlu khawatir karena anda dapat menambahkannya dengan mudah. Dengan cara-cara di bawah ini anda dapat menambahkan
Widget Recent Posts yang akan memudahkan para pengunjung untuk melihat artikel terbaru.
Widget Recent Posts ini dilengkapi dengan
Thumbnails dan menampilkan info lebih seperti posting terbaru kutipan/ringkasan yang akan membuat pengunjung lebih mendapatkan info sebelum membuka artikel tersebut.
Cara Menambahkan Widget Recent Posts pada Blogger:
- Login ke Blogger dan pergi ke Dashboard, buka Layout > klik Tambahkan Gadget
- Setelah itu akan keluar jendela pop-up cari dan pilih HTML/JavaScript
- Di dalam kotak kosong, tambahkan kode berikut
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"BLOG-KAMU/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>
Catatan:
- Ganti BLOG-KAMU dengan url situs/blog anda (ex: http://berbagi-tips-tutorial.blogspot.com) dan tanpa garis miring “/” pada akhir link
- Untuk menonaktifkan scroll bar, menghapus nomor 500
- Secara default, widget ini diatur untuk menampilkan maksimal 8 posting terbaru. Untuk mengubah nomor ini, ganti nomor 8 dengan jumlah posting yang akan ditampilkan
- Jika anda ingin hanya judul posting tanpa teks, ubahlah “true” menjadi “none” dan “0” pada padding-top: 0px dengan 10
- Simpan widget dan selesai
Demikian tutorial dari saya mengenai
Cara Menambahkan Widget Recent Posts dengan Thumbnails pada BloggerSelamat mencoba ^_^