Cara Membuat Widget Recent Posts di Blogger

Cara Membuat Widget Recent Posts di Blogger-Mempercantik blog dengan menambahkan salah satu widget yang paling favorit di terapkan di hampir banyak blog dirasa memang sangat di perlukan, salah satunya yang sering disematkan adalah Widget Recent Posts atau Widget Artikel Terbaru selain dengan tujuan memperindah tampilan blog menyematkan widget juga dapat mempengaruhi terhadap page view blog yang merupakan salah satu bagian dari pada Seo dasar blog. Dimana pengunjung akan merasa di manjakan dengan navigasi blog yang memudahkan untuk mengunjungi halaman halaman lain pada blog tersebut. Sehingga diharapkan para visitor betah di blog anda dan akhirnya bisa membawa page view blog kita meningkat.

Bagi sahabat blogger yang belum memahami tentang cara menambah atau menyematkan  widget/gadget di blogspot bisa anda ikuti penjelasanya di sini (bukan berarti kami lebih mampu, tapi siapa tau diantara rekan sekalian masih ada yang belum memahaminya) dan yang hendak membuat widget menjadi dua kolom bisa klik tautan ini.

Lanjut pada postingan Cara Membuat Widget Recent Posts di Blogger atau biasa kita bilang widget posting terbaru. Banyak script scrip yang dapat digunakan untuk membuat Widget Recent Post di blogger, entah itu recent posts dengan tampilan standar maupun recent posts disertai dengan gambar banyak sekali pilihanya. Namun demikian salah duanya akan coba di bahas pada postingan kali ini.

Contoh Screnshoot Recent Posts yang akan kita bahas:

Tampilan Sederhana	Tampilan dengan Gambar
Gambar 1	Gambar 2

Kode Script Untuk Widget Recent Post Gambar 1

<ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://www.jagadrochain.com/", numPosts = 6; 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> <small><a href="http://goo.gl/Lsmv2y" target="_blank">Buat Widget Seperti Ini</a></small>

Catatan :

•          www.jagadrochain.com yang berwarna merah silahkan isikan dengan Url blog anda.
• Angka 6 silahkan isi dengan berapa jumlah recent Posts yang akan di tampilkan.

Code Untuk Widget Recent Post Gambar 2

<div id='bp_recent'></div> <script style='text/javascript' async='async' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script> <script style='text/javascript'> var numberOfPosts = 12; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = 70; var imgFloat = 'left'; var myMargin = 3; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='http://www.jagadrochain.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script> <div </div> <small><a href="http://goo.gl/Lsmv2y" target="_blank">Buat Widget Seperti Ini</a></small>

Catatan :

• www.jagadrochain.com yang berwarna merah silahkan isikan dengan Url blog anda.
• Angka 12 silahkan isi dengan berapa jumlah recent Posts yang akan di tampilkan. 

Kode scrip diatas bis anda terpkan di blog anda.Caranya bagaimana? Langkah-Langkah Membuat Widget Recent Post Di Blogger. Masuk pada dhasboard blogger anda >> Tata Letak.  Tambah Gadget/Widget >> pilih HTML Java/Script. Masukan Kode Scrip diatas untuk Membuat Widget Recen Posts di Blogger anda.  Simpan Template kemudian bisa anda lihat hasilnya.

Kurang lebihnya demikian Cara Membuat Widget Recent Posts di Blogger, semoga ada manfaatnya. Orang bijak bilang Sego kupat siram santen sedoyo lepat nyuwun ngapunten. Selamat berkarya dan semoga Allah Swt Memberi Petunjuk dan RidoNya.

PENTING UNTUK DI PERHATIKAN: "Efek terlalu banyak memasang widget dapatmemperberat kinerja blog sehingga blog/website bisa jadi menjadi loading lelet/lamabat"