Cara Memasang Recent Post di Blog

Cara Memasang Recent Post di Blog

Cara Membuat Blog - Memasang widget recent post di blog merupakan salah satu cara untuk memberitahu kepada pengunjung bahwa di blog kita ada artikel terbaru, widget recent post ini juga bisa meningkatkan nilai page views.

  1. Untuk memasang recent post di blog, kamu salin kode berikut ini:
    <ul id="gibson-snapshots"></ul>
    <script>
    //<![CDATA[
    var homePage = "http://gibsonsnapshots.blogspot.com/",
    numPosts = 6;
    function recentPosts(a){if(document.getElementById("gibson-snapshots")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("gibson-snapshots");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="gibson-snapshots"><a href="'+link+'" title="'+title+'">'+title+'</a></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>
  2. Ganti http://gibsonsnapshots.blogspot.com/ yang saya kasih tanda merah dengan url blog kamu, dan yang 6 itu jumlah yang akan di tampilkan.
  3. Kamu masuk ke Dashboard blog > Tata Letak > Tambahkan Gadget > Pilih HTML/JavaScript, silakan pastekan kodenya terus simpan.

Untuk mempercantik tampilan recent post agar warna warni silakan masukan kode css dibawah ini dan letakan di atas kode yang tadi:
<style scoped='scoped'>
#gibson-snapshots, #gibson-snapshots a:link, #gibson-snapshots a:visited {font:normal normal 12px/normal Arial;color:#000000;margin:0 auto;padding:0}#gibson-snapshots a:hover{color:#09C}
#gibson-snapshots li:nth-child(1) {background-color:#E11E28;margin-right:0%}
#gibson-snapshots li:nth-child(2) {background-color:#FD3C03;margin-right:0%}
#gibson-snapshots li:nth-child(3) {background-color:#FECB09;margin-right:0%}
#gibson-snapshots li:nth-child(4) {background-color:#6EBE27;margin-right:0%}
#gibson-snapshots li:nth-child(5) {background-color:#149A48;margin-right:0%}
#gibson-snapshots li:nth-child(6) {background-color:#5BBFF1;margin-right:0%}
</style>

Sekain saja artikel cara memasang recent post di blog semoga bermanfaat, jangan lupa lihat juga artikel saya yang lainnya ya :D Submit sitemap ke google webmaster.