Cara Memasang Widget Recent Post di Blogger

Cara memasang widget recent post di Blogger sebenarnya cukup mudah, cukup menambahkan javascript saja. Kamu bisa mencari javascriptnya di luar sana, bejibun. Sekarang perhatian bagian blog Info Absurditas Kata yang diberi judul INFO ABSURD TERBARU. Nah, itulah widget recent post kita. Semua postingan terbaru kita otomatis tampil di sana.

Kamu bisa mengatur sendiri seberapa judul tulisan baru yang akan ditampilkan di widget recent post.

Cara Pasang Javasrcipt Widget Recent Post Termudah

Langkah-langkah/cara memasang widget recent post adalah sebagai berikut:

1. Langsung saja, comot scriptnya, tinggal copy-paste javascript recent post berwarna kuning di bawah ini . 

<ul id="recent-posts"></ul>

<script>

//<![CDATA[

var homePage = "http://absurditasmalka.blogspot.com/",

numPosts = 10;

function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);

//]]>

</script>

• Alamat url yang berwarna biru ganti dengan url blog kamu. nomor yang diberi warna ungu (numPosts=10) adalah nomor judul yang akan tampil di widget recent post, kamu tinggal menggantinya saja dengan angka yang diiginkan.
• Masuk ke tab Layout/Tata Letak dan klik tambahkan gadget/add gadget (lihat gambar 1), akan muncul jendela pop-up dan pilih HTML/JavaScript (lihat gambar 2)

Gambar 1 - Cara Pasang Widget Recent Post di Blog

Gambar 2 Cara Pasang Javascript Recent Post

• Paste javascript widget recent post di atas di jendela popup Configure HTML/javascript. Bagian Title/Judul isi sesuai selera, kemudian save dan lihat hasilnya. (lihat gambar 3)

Gambar 3 Cara Pasang Widget Recent Post Termudah

Sekian Cara Menambahkan Widget Recent Post Termudah lengkap dengan Javascript Recent post untuk blog kamu. Semoga bermanfaat ya Sob. Happy Blogging :)

Tweet

Artikel keren lainnya: