Cara Mudah Membuat Widget Recent Post Sidebar di Blogspot

Helo gaes. Pengguna blogger atau blogspot tau kalau blogger/blogspot tidak menyediakan widget recent post bawaan. Jadi kita harus kreatif membuatnya sendiri.

Di internet pun banyak blog-blog yang sudah menjelaskan cara membuat widget recent post blogpost. Tapi terkadang tidak berjalan dengan mulus saat kita terapkan di blog kita.

Tidak muncul lah, berantakan lah, tidak sesuai dengan preview nya lah, dan sebagainya. Terpaksa kita harus cari sumber lain, melalang buana di lautan dunia maya.

Nah, Ogut punya caranya. Cara ini Ogut dapat dari salah satu blog saat gugling. Dan berhasil diterapkan di blog AneIqbal. Setelah muter-muter kesana kemari, dari satu blog ke blog yang lain.

cara memasang widget recent post di sidebar


Caranya cukup mudah. Pertama, ke Tata Letak. Setelah itu pada bagian sidebar template ente, klik Tambahkan Gadget. Kemudian pilih HTML/Javascript. Lalu paste-kan script berikut di dalamnya.
<style type='text/css'>
#recent-posts{
    width:auto;
    padding:0 10px;
    margin:0 auto;
    border:1px solid #ddd;
}

#recent-posts ul,#recent-posts li {
    list-style:none;
}

#recent-posts a{
    text-decoration:none;
}

#recent-posts a:hover{
    text-decoration:none;
    color: #004bf6;
}

#recent-posts li{
    border-top:1px solid #ddd;
    padding:6px 0
}

#recent-posts li:first-child{
    border-top:none;
}
</style>

<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<20;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>

Baca juga ya..
Keren Tjoy! Suporter Indonesia Berkoreografi Bendera Palestina di Laga Indonesia Malaysia
Caesar YKS dan Teuku Wisnu Diundang Berhaji oleh Raja Arab Saudi
5 Tips Merawat PS4 Supaya Awet dan Nggak Cepet Rusak

Angka 20 berwarna biru menunjukkan jumlah recent post yang akan ditampilkan. Jadi ente bisa ubah sesuai dengan kebutuhan ente. Ingin berapa yang ditampilkan.

Langkah terakhir, simpan. Semoga cara ini bisa membantu ente membuat recent post sidebar di blogspot. Selamat mencoba, gaes!


0 Komentar untuk "Cara Mudah Membuat Widget Recent Post Sidebar di Blogspot"