Cara Memasang Widget Artikel Terbaru Di Blog

Oke bro kali ini saya akan Share lagi sebuah Artikel tentang Gimana Cara Memasang Artikel Terbaru Responsive Di Blog.
Widget Recent Post atau Artikel Terbaru adalah Sebuah Widget yang bisa dipasang oleh pemilik Blog yang bermanfaat untuk memberitahukan kepada pengunjung mengenai artikel terbaru atau artikel yang baru di Update. Ada banyak sekali Blog diluar sana yang membagikan Cara Memasang Artikel Terbaru ini. dan Kali ini saya juga akan membagikannya.

Widget Recent Post atau Artikel Terbaru terdapat dua Jenis. yaitu yang pertama dengan menggunakan gambar atau Thumbnail dan yang kedua hanya judul saja. Kedua jenis Recent post ini sama saja, namun bila anda menginginkan yang responsive atau fast Loading bisa menggunakan yang judul saja. karena tidak menggunakan gambar widget ini sangat responsive.

Cara Memasang Widget Artikel Terbaru Di Blog

1. Masuk Blogger anda dan Pilih Menu Tata Letak, Lalu Tambahkan Gadget dan Pilih Menu HTML/Java Script.

2. Selanjutnya kasih judul Widget anda Terserah (Contoh : Artikel Terbaru, Update Terbaru, Recent Post). Kemudian copy kode CSS dibawah ini dan paste dikolom bawah judul.

Kode CSS :

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

<script>

//<![CDATA[

var homePage = "http://unix-informatika.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>

Note :

Ganti Var Hompage : Dengan URL Blog Anda.

Ganti numposts : Dengan Jumlah Artikel yang Ingin anda tampilkan.

3. Dan yang terakhir tinggal Simpan Template. Lihat hasilnya.

Itulah Artikel hari ini tentang Gimana Cara Memasang Widget Artikel Terbaru Di Blog. Semoga bermanfaat dan jangan lupa juga di Share, Sekian dan Terima Kasih.