Cara Membuat Recent Post di Blogspot

Recent Post atau Postingan terbaru adalah sebuah widget atau elemen dari sebuah blog untuk menampilkan postingan paling baru dengan tujuan sebagai pemberitahuan kepada pengunjung , sehingga pengunjung mengetahui  postingan paling anyar dari blog kita.

Recent post ini merupakan kumpulan internal link, dimana internal link ini sendiri cukup berguna bagi optimasi mesin pencari atau Search Engine Optimization (SEO ), di blogger sendiri sudah menyediakan widget yang fungsinya sama dengan recent post ini yaitu widget feed, di bawah ini saya akan bahas cara membuat recent post dengan widget feed, dengan edit CSS dan dengan Script.

1. Cara membuat recent post dengan Widget Feed

• Login ke blogger anda
• Klik tata letak / Layout

• Klik tambahkan Gadget / Add a Gadget
• Kemudian pilih feed

• Masukan url Feed blog anda, untuk melihat url blog feed jika anda menggunakan chrome buka salah satu postingan blog anda kemudian klik kanan di postingan tersebut , klik “view page source”  cari url yang mengandung feed untuk  contoh lihat gambar dibawah, setelah ketemu copy url feed ke widget tadi, kemudian klik lanjutkan / submit.

• Ganti judul dengan yang anda inginkan misalnya ganti dengan “Recent Post” atur berapa yang akan ditampilkan, jika akan dimuculkan centang tanggal item, sumber / pengarang dan buka link di jendela baru

• Kemudian klik simpan

2. Cara membuat recent post dengan CSS

• Login ke akun blogger anda
• Klik menu template
• Kemudian klik edit html

• Cari kode  ]]></b:skin> kemudian copy kode dibawah ini kemudian pastekan di bawah kode ]]></b:skin>

#recent-posts li {list-style: none;border-bottom: 1px dotted #ff5848;padding-bottom: 10px;padding-top: 10px;}

3. Cara membuat Recent Post dengan Script

Langkah cara membuat recent post dengan script hampir sama dengan langkah membuat recent post dengan widget feed :

• Login ke blogger anda
• Klik tata letak / Layout
• Klik tambahkan Gadget / Add a Gadget
• Kemudian pilih “HTML / Java Script”

• Isi judul, misalnya dengan “ Recent Post”
• Copy script di bawah ini kemudian pastekan di kotak konten / content

<script> //<![CDATA[ var homePage = "http://www.axbxc.xyz/", numPosts = 5; 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>

Ganti var homepage dengan alamat url blog anda. Demikian cara membuat recent post  di blogspot, semoga bermanfaat.