Cara Membuat Recent Post di Blog (Blogger)

Cara membuat recent post di blog itu gampang-gampang susah. Mengapa demikian? Karena bisa saja list artikel terbarunya tidak muncul di blog. Bagaimana cara membuatnya? Simak panduan AneIqbal berikut sampai akhir.

Blogger tidak ada recent post

Pengguna blogger atau blogspot tahu 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, kami punya caranya. Cara ini kami 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.

Membuat widget recent post blogger

Bagaimana cara membuat recent post ini?. Pertama, silakan ke Tata Letak. Setelah itu pada bagian sidebar template Anda, 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 di atas menunjukkan jumlah recent post yang akan ditampilkan. Jadi Anda bisa ubah sesuai dengan kebutuhan Anda. Berapa banyak artikel terbaru yang ingin Anda tampilkan.

Kemudian pastikan sudah tercopy-paste dengan benar. Lalu klik tombol Simpan untuk menyimpan script tersebut.

Melihat recent post blogger

Setelah perubahan tadi disimpan, sekarang waktunya untuk melihat perubahannya pada blog. Jika berhasil, maka Anda akan melihat daftar artikel terbaru pada sidebar blog Anda.

widget recent post blogger,
Recent post sudah muncul

Bagaimana di blog Anda? Sudah coba untuk ditambahkan dan terlihat hasilnya seperti pada gambar di atas? Semoga widget recent post blogger pada blog Anda muncul juga ya.

Sekian panduan membuat recent post sidebar di blogspot ini. Semoga bisa membantu Anda dan terima kasih sudah membaca sampai akhir postingan.

Leave a Comment