Cara Membuat Widget Recent Post Keren

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/AVvXsEi1WPvYLDooO83zvCyeIxWZTd1wf1lVDAr550NWIwF6bq2lD8T_2NXpfG36GBwPfukNHOt3ntMeBfEHPc2LknHcB0GvDE4jpbcSo0ATJSTIWnqrVTvDUy_Yrt63hmwPajjSPajOTTU-_Jxr/s400/feedreader_2.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WPvYLDooO83zvCyeIxWZTd1wf1lVDAr550NWIwF6bq2lD8T_2NXpfG36GBwPfukNHOt3ntMeBfEHPc2LknHcB0GvDE4jpbcSo0ATJSTIWnqrVTvDUy_Yrt63hmwPajjSPajOTTU-_Jxr/s400/feedreader_2.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WPvYLDooO83zvCyeIxWZTd1wf1lVDAr550NWIwF6bq2lD8T_2NXpfG36GBwPfukNHOt3ntMeBfEHPc2LknHcB0GvDE4jpbcSo0ATJSTIWnqrVTvDUy_Yrt63hmwPajjSPajOTTU-_Jxr/s400/feedreader_2.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WPvYLDooO83zvCyeIxWZTd1wf1lVDAr550NWIwF6bq2lD8T_2NXpfG36GBwPfukNHOt3ntMeBfEHPc2LknHcB0GvDE4jpbcSo0ATJSTIWnqrVTvDUy_Yrt63hmwPajjSPajOTTU-_Jxr/s400/feedreader_2.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WPvYLDooO83zvCyeIxWZTd1wf1lVDAr550NWIwF6bq2lD8T_2NXpfG36GBwPfukNHOt3ntMeBfEHPc2LknHcB0GvDE4jpbcSo0ATJSTIWnqrVTvDUy_Yrt63hmwPajjSPajOTTU-_Jxr/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://amirsayonara.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.