Cara Membuat Recent Post Thumbail Widget Blogger

Add Recent Post With Thumbail For Blogger / Menambahkan Artikel Terbaru Otomatis Di Blog adalah sebuah widget yang kang salman 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 kang salman berikan 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/AVvXsEiKUMSDAlOncw7XYkMTc2zGc8Q4DYPZjFi7GPZHIhwJdX9beXcWJyiKfnzFZbbFFUOw9pqOEy-7k4tOqhyE9MouDsFJ_OgTSPQwZKYWy-V2qrLBoQ2bfXb2BfLyjbDYVNwXbQ7vHJF0awZh/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/AVvXsEjYw6qNH3OwvSr33fyfmYOJrQT-vyumg4Vbc2MPdOqyF-5XAg_q_b368I5cYXQPgwQgXR-Jlz0yvYPAG40djoigFbIQmjNst5jkneqLZ4-XOMta8U2T2mmaNEVNUSTi8e0cNpvxbwCoFPOy/s1600/IdRowRight.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYw6qNH3OwvSr33fyfmYOJrQT-vyumg4Vbc2MPdOqyF-5XAg_q_b368I5cYXQPgwQgXR-Jlz0yvYPAG40djoigFbIQmjNst5jkneqLZ4-XOMta8U2T2mmaNEVNUSTi8e0cNpvxbwCoFPOy/s1600/IdRowRight.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYw6qNH3OwvSr33fyfmYOJrQT-vyumg4Vbc2MPdOqyF-5XAg_q_b368I5cYXQPgwQgXR-Jlz0yvYPAG40djoigFbIQmjNst5jkneqLZ4-XOMta8U2T2mmaNEVNUSTi8e0cNpvxbwCoFPOy/s1600/IdRowRight.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYw6qNH3OwvSr33fyfmYOJrQT-vyumg4Vbc2MPdOqyF-5XAg_q_b368I5cYXQPgwQgXR-Jlz0yvYPAG40djoigFbIQmjNst5jkneqLZ4-XOMta8U2T2mmaNEVNUSTi8e0cNpvxbwCoFPOy/s1600/IdRowRight.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYw6qNH3OwvSr33fyfmYOJrQT-vyumg4Vbc2MPdOqyF-5XAg_q_b368I5cYXQPgwQgXR-Jlz0yvYPAG40djoigFbIQmjNst5jkneqLZ4-XOMta8U2T2mmaNEVNUSTi8e0cNpvxbwCoFPOy/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://softarka.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 kang salman di atas tulis 50 maka, akan muncul 50 artikel terbaru, dan seterusnya. lalu pada home_page = "http://softarka.blogspot.com/"; silakan Anda ganti dengan link atau url blog Anda.


Setelah selesai Simpan.


Nah.... mudah bukan? Semoga Cara Membuat Recent Post Thumbail Widget Blogger ini bernmanfaat.

| Free Ebooks? |