Cara Membuat Recent Post Judulnya Saja

Cara membuat recent post hanya menampilkan judul saja saya kira sangat bermanfaat, perlu dipakai di blog. Gunanya untuk menampilkan sejumlah postingan terbaru di sidebar kiri atau kanan atau di tempat lain yang dikehendaki.

Semua judul postingan terbaru nantinya akan tampil Widget Recent post (postingan terbaru), bagaimana cara membuatnya?

Cara Membuat Recent Post Hanya Menampilkan Judul Saja

Cara membuat recent post hanya judul saja, cukup dengan menambahkan javascript. Berikut ini caranya:

• Login ke Blogger
• Masuk ke bagian Layout
• Klik Add a Gadget
• Pilih Javascript
• Copi paste kode di bawah ini:

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

<script>

//<![CDATA[

var homePage = "Tulis Link Blog Kamu di Sini",

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>

• Simpan dan lihat hasilnya

Keterangan:

• numPosts=10 berarti jumlah judul yang akan ditampilkan di widget tersebut adalah 10 judul, kamu bisa menggantinya dengan jumlah lain.
• target="_blank" berarti tautan judul tersebut akan dibuka di tab baru. Sebaikya tidak memakai cara ini, sebaiknya tautan tetap terbuka di laman yang sama. Bagaimana caranya? Silakan baca artikel blogging adsense lain di blog ini. Search! Search! Search! :D

Contoh WIDGET RECENT POST JUDULNYA SAJA (Lihat kotak merah)

O iya satu lagi, kamu juga bisa menampilkan post terbaru berdasarkan label. Silakan baca artikel Cara Menampilkan Post Terbaru Perlabel. Semoga cara membuat recent post judulnya saja ini bermanfaat ya. Selamat ngeblog, happy blogging happy writing. 

Tweet

Artikel keren lainnya: