Cara Membuat Recent Post Thumbail di Blog

Cara Menambahkan Artikel Terbaru/Recent Post Otomatis Di Blog. Widget ini memiliki tampilan yang tidak kalah menarik dari widget sejenisnya. sebagai contoh silakan lihat gambar diatas.

Tertarik? Anda tinggal mengikuti langkah-langkah di bawah ini:

1. Login Blogger > Rancangan > Tambah Widget > Pilih HTML/Javascript
2. Copy paste kode di bawah ini ke HTML/Javascript

<div style="background:#ebebeb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizT15FSdn1LIyjl8u-0KOTbOHLwKGKTCl-6yPUIlz6EUwr549mg24FXVIk8C-SZZbtbO0hd_dTh4UtWx2Af_v3gw7O7aFT177w1radqwgscAqIh-d342draaHbnfQ3nQ6gcomaX52FkdnJ/s1600/auto+recent+post+for+blogger.jpg); font-size:12px; padding:6px; width:288px; height:276px; text-transform: uppercase;">
<div style="padding-top:5px;">
<div style="overflow:auto; height:265px; width:281px;-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;">
<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_cCK2XzIUvPBySznEewh-BgC4xbnfr0CBjkvlFIs3cLavkPb5GjpTo7_zv1qf6LMyJy9qnPN6Gz3g9TEYS5sX6Kzsb5ortFPOeEbvf6jJ-Ot1RXOCmdvm-IXWeY2mJFPjo-B3CPuuQIt/s1600/IdRowRight.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_cCK2XzIUvPBySznEewh-BgC4xbnfr0CBjkvlFIs3cLavkPb5GjpTo7_zv1qf6LMyJy9qnPN6Gz3g9TEYS5sX6Kzsb5ortFPOeEbvf6jJ-Ot1RXOCmdvm-IXWeY2mJFPjo-B3CPuuQIt/s1600/IdRowRight.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_cCK2XzIUvPBySznEewh-BgC4xbnfr0CBjkvlFIs3cLavkPb5GjpTo7_zv1qf6LMyJy9qnPN6Gz3g9TEYS5sX6Kzsb5ortFPOeEbvf6jJ-Ot1RXOCmdvm-IXWeY2mJFPjo-B3CPuuQIt/s1600/IdRowRight.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_cCK2XzIUvPBySznEewh-BgC4xbnfr0CBjkvlFIs3cLavkPb5GjpTo7_zv1qf6LMyJy9qnPN6Gz3g9TEYS5sX6Kzsb5ortFPOeEbvf6jJ-Ot1RXOCmdvm-IXWeY2mJFPjo-B3CPuuQIt/s1600/IdRowRight.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_cCK2XzIUvPBySznEewh-BgC4xbnfr0CBjkvlFIs3cLavkPb5GjpTo7_zv1qf6LMyJy9qnPN6Gz3g9TEYS5sX6Kzsb5ortFPOeEbvf6jJ-Ot1RXOCmdvm-IXWeY2mJFPjo-B3CPuuQIt/s1600/IdRowRight.jpg";

showRandomImg = true;

boxwidth = 260;

cellspacing = 5;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 35;

thumbheight = 35;

fontsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 15;

home_page = "http://ilovebloggink.blogspot.com/";

</script>

<script src="http://recentpostkucoba.googlecode.com/files/Recentpostyoutblog.txt" type="text/javascript"></script></div></div></div>

Keterangan silakan ganti tulisan warna pada home_page = "http://ilovebloggink.blogspot.com/"; silakan Anda ganti dengan link atau url blog Anda.


3. Setelah selesai Simpan.