Pemasangan widget recent post di blog
Pada hari ini saya akan memberikan tutorial yang berupa cara mengenai Pemasangan widget recent post di blog.
Apa yang dimaksud recent post ?
Widget recent post ini menampilkan artikel terbaru yang telah dipostingkan. Widget ini digunakan untuk menginformasikan ke visitor atau pengunjung tentang artikel yang baru diposting atau di buat.
Bagaimana cara membuat widget recent post dan memasangnya
Bentuk widget recent post ini terbilang sederhana dan dapat mudah dipasang. Berbeda dengan widget popular post yang saya pasang pada blog saya, yang terlihat mencolok dan berwarna-warni. Baca Membuat tampilan popular post berwarna warni.
Sangat mudah untuk membuat widget recent post dan memasangnya, ikuti saja cara yang saya sampaikan di bawah ini :
Pemasangan widget recent post
- Pertama-tama buka akun blogger kamu
- Masuk ke menu Tata Letak
- Tambahkan gadget
- Pilih HTML/Javascript
- Masukkan script recent post dibawah ini.
- Lihat Catatan dibawah, untuk memasangnya.
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"Nama-BLOG/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Browser anda tidak 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 :
- Nama-BLOG, Isikan nama blog anda. tanpa menggunakan "/". (contoh : http://trickblogfendi.blogspot.com).
- 500, Ini jika anda menginginkan adanya scroll bar pada widget tersebut. Hapus jika tidak ingin adanya scroll bar.
- 8, Berapa artikel yang ingin ditampilkan.
- Jika hanya ingin ditampilkan judulnya saja, ubah 0 menjadi pada padding-top:0px menjadi 10 dan true menjadi none
.png)