Membuat Widget Artikel Terbaru di Blogspot

Cara membuat widget atikel terbaru di blogger. Hallo sobat informasi maya hari ini kang salman akan melanjutkan pembahasan yang kemarin yaitu membuat widget artikel terbaru. Jika dulu kita membuatnya tanpa mengunkan sama sekali kode sebab pembahasan yang lalu adalah memanfaatkan fitur yang disediakan oleh pihak Blogger. Dalam kesempatan kali ini sekarang kita akan mencoba membuat widget artikel terbaru yang di ciptakan dari JQuery, Tampilan widget artikel terbaru ni cukup apik dan rapih. selain itu terdapat banyak kelebihan di bandingkan dengan yang telah kita bahas kemarin.

Kelebihannya :

1. Memiliki tampilan yang dinamis dan rapih.
2. Memiliki Load yang cukup cepat
3. Bisa di gunakan di Tab Menu atau New Window.
4. Terdapat Informasi Jumlah komentar di masing-masing artikel yang di munculkan.
5. Gambar/thumbails apik dan padat.
6. dan masih banyak lagi deh yang jelas kang salman jamin sobat informasi maya bakal puas.

Sebagi contoh hidup, silakan kunjungi halman ini http://patimeh.blogspot.com

Atau silakan lihat gambar di bawah ini :

Cara Membutnya :
1.  Login Ke Blogger
2.  Pilih Tata Letak / Rancangan
3.  Klik Tambah Widget/Gedget
4.  Pilih HTML/Javascript
5.  Paste-kan Kode di Bawah ini ke HTML/Javascript tadi.

<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summarFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://asksalman19.blogspot.com/"; </script> <script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

6. Simpan. dan lihat hasilnya.

NB : Didalam kotak kode tersebut, terdapat satu kode seperti di bawah ini :

numposts = 5;

Yang di beri tanda merah adalah jumlah post yang akan di tampilkan.. jika anda mengisi 5 maka widget ini akan menampilkan 5 artikel baru dst.
sumber : http://asksalman19.blogspot.com