Cara Membuat Recent Post Thumbail di Blog

Cara Membuat Recent Post Thumbail di Blog adalah sebuah widget yang saya buat bagi Anda semua, pengguna blogspot. Widget ini memiliki tampilan yang tidak kalah menarik dari widget sejenisnya. sebagai contoh dan demo silakan lihat di samping kanan blog ini :

Bagiamana menurut kalian? Nah cara membuat recent post thumbail widget di blogger sangatlah mudah, Anda hanya tinggal mengikuti langkah-langkah yang saya berikan di bawah ini

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

<div style="background:#ebebeb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9CZ3mncf8MxiXnH_vfa6dssNzRY_cFxVzfCnXFiJt3Omb4auDdgbn28CEo2jojn-x5tbCwfLt0gIReJihHq8LylmZXtsK_6iTm_oWaj-fOBzZQfM-Qhg2CvxasBSx05eB8JJVOo2LtYwv/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/AVvXsEhsVv0CYEFoOVaASuwTjkWTPmjsLfncrk8FsyQGi6iXDoozcoMXR6ZXoG7ezoiWQ7IBC-p0no4ZlKfi-3K9Sa2LJTwHhljvOA8DUuE2LXhD17xbtQXMkWkEugbxPghFtF40_wYJKKmRDT4/s1600/arrow6.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVv0CYEFoOVaASuwTjkWTPmjsLfncrk8FsyQGi6iXDoozcoMXR6ZXoG7ezoiWQ7IBC-p0no4ZlKfi-3K9Sa2LJTwHhljvOA8DUuE2LXhD17xbtQXMkWkEugbxPghFtF40_wYJKKmRDT4/s1600/arrow6.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVv0CYEFoOVaASuwTjkWTPmjsLfncrk8FsyQGi6iXDoozcoMXR6ZXoG7ezoiWQ7IBC-p0no4ZlKfi-3K9Sa2LJTwHhljvOA8DUuE2LXhD17xbtQXMkWkEugbxPghFtF40_wYJKKmRDT4/s1600/arrow6.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVv0CYEFoOVaASuwTjkWTPmjsLfncrk8FsyQGi6iXDoozcoMXR6ZXoG7ezoiWQ7IBC-p0no4ZlKfi-3K9Sa2LJTwHhljvOA8DUuE2LXhD17xbtQXMkWkEugbxPghFtF40_wYJKKmRDT4/s1600/arrow6.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsVv0CYEFoOVaASuwTjkWTPmjsLfncrk8FsyQGi6iXDoozcoMXR6ZXoG7ezoiWQ7IBC-p0no4ZlKfi-3K9Sa2LJTwHhljvOA8DUuE2LXhD17xbtQXMkWkEugbxPghFtF40_wYJKKmRDT4/s1600/arrow6.png";

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://newscheat.blogspot.com/";

</script>

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

Keterangan silakan ganti tulisan warna merah di atas, untuk menampilkan jumlah post, jika saya tulis 50 maka, akan muncul 50 artikel terbaru, dan seterusnya. lalu pada home_page = "http://newscheat.blogspot.com"; silakan Anda ganti dengan link atau url blog Anda.

Setelah selesai Simpan.

baca juga Cara Membuat Recent Post Sesuai Kategori / Label.