Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Simak juga: cara membuat copyright blogger

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 kamu, 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>


Simak juga: cara membuat favicon blogger

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

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

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