Cara Membuat Widget Recent Post Keren

Posted by Angga Site

Cara Membuat Widget Recent Post Keren - Saya rasa sobat blogger sudah tau apa itu Recent Post, sebuah daftar postingan terbaru yang ada di blog, nah bagaimana cara membuatnya? Pernah Hacker Baturaja membuat sebuah recent post berjalan, kali ini saya akan membagikan sebuah widget recent post statis (diam) namun tidak kalah keren.

Mau tau contohnya ? Sobat bisa lihat di sebelah kanan blog ini, hasilnya hampir mirip dengan itu.



Pengin tau cara buatnya? gampang sob, langsung aja nyok kita ke TKP.....


Cara Membuat Widget Recent Post Keren
1. Login blogger.
2. Masuk ke Tata Letak.
3. Tambah Gadget.
4. Pilih HTML/JavaScript.
5. Masukkan kode berikut.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPrjNN0VYeaXDzwn69Ot_cXwbY8h9FR85ysR7emSdmSmE8ziZSIJtjd1Bu1r6xe0eyUj4S4E-6OnRU8NlD6Y4-yFVnx2s-bMXwptmqAe_WqaS8io3myDCchdfdf7c13VPQSnOePolcO85/s400/feedreader_2.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPrjNN0VYeaXDzwn69Ot_cXwbY8h9FR85ysR7emSdmSmE8ziZSIJtjd1Bu1r6xe0eyUj4S4E-6OnRU8NlD6Y4-yFVnx2s-bMXwptmqAe_WqaS8io3myDCchdfdf7c13VPQSnOePolcO85/s400/feedreader_2.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPrjNN0VYeaXDzwn69Ot_cXwbY8h9FR85ysR7emSdmSmE8ziZSIJtjd1Bu1r6xe0eyUj4S4E-6OnRU8NlD6Y4-yFVnx2s-bMXwptmqAe_WqaS8io3myDCchdfdf7c13VPQSnOePolcO85/s400/feedreader_2.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPrjNN0VYeaXDzwn69Ot_cXwbY8h9FR85ysR7emSdmSmE8ziZSIJtjd1Bu1r6xe0eyUj4S4E-6OnRU8NlD6Y4-yFVnx2s-bMXwptmqAe_WqaS8io3myDCchdfdf7c13VPQSnOePolcO85/s400/feedreader_2.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPrjNN0VYeaXDzwn69Ot_cXwbY8h9FR85ysR7emSdmSmE8ziZSIJtjd1Bu1r6xe0eyUj4S4E-6OnRU8NlD6Y4-yFVnx2s-bMXwptmqAe_WqaS8io3myDCchdfdf7c13VPQSnOePolcO85/s400/feedreader_2.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fontsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://rieztoshare.blogspot.com/";
</script>
<script src="http://recentpostoilnk.googlecode.com/files/recentpost.js" type="text/javascript"></script>

NB : Ganti kode yang berwarna Merah dengan URL blog sobat. Lalu angka yang berwarna Biru ganti dengan jumlah postingan yang ingin dimunculkan, terserah sobat.


6. Dan yang terakhir, simpan.


Ya, itulah caranya memasang widget recent post, semoga bermanfaat dan terimakasih ^_^

Sumber:  http://www.rieztoshare.com/2012/07/cara-membuat-widget-recent-post-keren.html

Related Post



Post a Comment

FOLLOWERS

RECENT COMENTS

by Angga Site

BLOG STATISTIC

My Ping in TotalPing.com DMCA.com Protection Status