Cara Membuat Widget Recent Post

Contoh tampilan Widget Recent Post

Mari kita langsung mulai masuk ke menu
Tata Letak >> Tambahkan Gadget >> HTML/JavaScript
Silahkan pilih Gadget pada bagian kanan atau Sidebar

Copy kode di bawah ini 

<div class="eggTray"> <script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list", "pipe_params":{"URL":"NamaBlog-Anda/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>

Keterangan :

1. Ganti NamaBlog-Anda dengan nama URL Blog Sobat

2. Jika ingin menonaktifkan scrool bar, hapus nilai 500 (height":"500")

3. Jika Anda ingin merubah jumlah posting yang ditampilkan, gantikan angka 8 dengan jumlah yang Sobat Blogger inginkan.

4. Jika hanya ingin menampilkan postingnya saja ( tanpa gambar ) gantikan true dengan none dan gantikan padding-top:0px; nilai px menjadi 10px

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.