Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Recent Post di Blog (Blogger)

Cara membuat recent post di blog sering kali dicari-cari pengguna blospot. Pengguna blogger past tau kalau blogger/blogspot tidak menyediakan widget recent post bawaan. Jadi mereka harus kreatif membuatnya sendiri.

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

cara membuat recent post di blog

Tidak muncullah, berantakanlah, tidak sesuai dengan previewnya lah, dan sebagainya. Terpaksa kita harus cari sumber lain. Melalang buana di lautan dunia maya.

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.

Sebelum lanjut, silakan cek juga panduan kami yang lainnya mengenai blog; cara membuat visitor counter di blog, cara menambahkan tombol share di blog, dan cara membuat syntax highlighter di blog.


Cara membuat recent post Blogger

Caranya cukup mudah. Pertama, 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>

Angka 20 berwarna biru menunjukkan jumlah recent post yang akan ditampilkan. Jadi Anda bisa ubah sesuai dengan kebutuhan Anda. Ingin berapa yang ditampilkan. Langkah terakhir, simpan.

Semoga cara ini bisa membantu Anda membuat widget recent post blogger. Sebelum beranjak dari sini, tidak ada salahnya untuk cek cara membuat related post di blogspot dan cara membuat favicon blogger ini.

Posting Komentar untuk "Cara Membuat Recent Post di Blog (Blogger)"