3 Cara Mudah Membuat Widget Posting Terbaru di Sidebar Blog

Kali ini saya bahas mengenai cara membuat dan memasang widget posting terbaru pada Blog, Pada dasarnya ada 3 Cara Membuat Widget Posting Terbaru di Sidebar Blog. Dipastikan minimal dua di antaranya berhasil. Silakan pilih salah satu saja yang berhasil, jangan ketiga-tiganya!

#1. MENGGUNAKAN GADGET "Feed"

1. Layout > Add a Gadget > pilih "Feed"
2. Masukkan alamat blog Anda.
3. Klik "Continue".

Jika gagal, coba masukkan alamat blog plus /feeds/posts/default, misalnya http://inverno-blog.blogspot.com/feeds/posts/default

Jika masih gagal, ABAIKAN! Coba cara kedua dan ketiga berikut ini.

#2. MENGGUNAKAN "FEEDBURNER"

1. Daftarkan blog Anda ke Feedburner.
2. Klik "Publicize" > "BuzzBoost"
3. Lakukan setting seperti gambar berikut ini

6. Copy kodenya!
7. Buka Dashboard Blog Anda
8. Klik "Layout" > "Add a Gadget" > pilih "HTML/Javascript"
9. Paste kode tadi di kolom "Content"
10. Save!

Kini Widget Posting Terbaru sudah muncul di Sidebar Blog Anda!

#3. MENGGUNAKAN GADGET "SCRIPT"

Cara ketiga ini menggunakan script. Risikonya, loading terpengaruh, jadi lambat, soalnya ada JavaScript dari "pihak ketiga". Ini kode dari Help Blogger.

1. Klik "Layout" > "Add a Gadget" > pilih "HTML/Javascript"
2. Copy & Paste kode berikut ini di kolom "Content"

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhGgjjjeaBjanWVmsI6S0SbqgkCU2BQa2Zp4C20R9xinp2x3QFR6Od3Y962JSixMTDQsiK4p22wO4ParY-hlnas2F9YfDHn2fXzpBG4gT1Zv48tBrjLG2k8AmHwqmCSvgAZgtCSWUJS5vm/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsb { }
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Dari pengalaman saya sendiri cara KEDUA terbukti berhasil! silahkan sobat praktekkan sendiri dan lihat hasilnya.

semoga membantu...^_^