Cara Membuat WIDGET RECENT POST dengan Thumbnail di Blogspot/Blogger

Salam Blogging, Kali ini BLOGGINGPASURUAN akan memberikan tips atau “Cara Membuat WIDGET RECENT POST dengan Thumbnail di Blogspot/Blogger “ Widget ini fungsinya memberikan informasi pada pengunjung BLOG Anda tentang POSTING terbaru yang Anda PUBLIKASIKAN. Widget ini umumnya di letakkan pada posisi sidebar bersama widget popular post.

Langsung saja kita menuju pada Langkah langkahnya :

1. Masuk ke BLOGGER

2. Kemudian Masuk ke LAYOUT ( Tata Letak ) pilih ADD GADGET.

3 Kemudian pilih HTML/Java script

Berikutnya masukkan kode script dibawah ini di dalamnya ( pop up window /kotak kosong )

<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 Sobata Blogger hanya ingin menampilkan postingnya saja ( tanpa gambar ) gantikan true dengan none dan gantikan padding-top:0px; nilai px menjadi 10px

Semoga bermanfaat, jika ada permasalahan dengan tips diatas silahkan tinggalkan pesan pada kotak komentar dibawah ini… terimah kasih 

Facebook

Twitter

Pinterest

More

Less

Tumblr

Mix

E-Mail

GMail

LinkedIn

Reddit

XING

WhatsApp

Hacker News

VK

Telegram

OK

Messenger

Line

Copy Link