Cara Membuat Recent Post Thumbail Widget Blogger
Advertisement:
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 :
Recent Post Thumbail Widget Blogger

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(http://2.bp.blogspot.com/-MLWqndWpejY/TrMMIhQlAGI/AAAAAAAAB9M/X11ZBUBrWlc/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] = "http://3.bp.blogspot.com/-hvxgLePxrM8/Trhfz2WUPKI/AAAAAAAAB9s/C7slJYY-g3c/s1600/IdRowRight.jpg";

imgr[1] = "http://3.bp.blogspot.com/-hvxgLePxrM8/Trhfz2WUPKI/AAAAAAAAB9s/C7slJYY-g3c/s1600/IdRowRight.jpg";

imgr[2] = "http://3.bp.blogspot.com/-hvxgLePxrM8/Trhfz2WUPKI/AAAAAAAAB9s/C7slJYY-g3c/s1600/IdRowRight.jpg";

imgr[3] = "http://3.bp.blogspot.com/-hvxgLePxrM8/Trhfz2WUPKI/AAAAAAAAB9s/C7slJYY-g3c/s1600/IdRowRight.jpg";

imgr[4] = "http://3.bp.blogspot.com/-hvxgLePxrM8/Trhfz2WUPKI/AAAAAAAAB9s/C7slJYY-g3c/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://lounge.kucoba.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://lounge.kucba.com"; silakan Anda ganti dengan link atau url blog Anda.


Setelah selesai Simpan.


Nah sahabat kucoba, bagaimana mudah bukan? semoga Cara Membuat Recent Post Thumbail Widget Blogger ini bernmanfaat.



Post by Kang Salman




Mau punya template kostom dan beda dari yang lain? Order segera Jasa Pembuatan Blog > Jasa Pembuatan Banner Iklan > Jasa Pembuatan Logo Blog > Order asksalman19@gmail.com 
Advertisement:
Judul : Cara Membuat Recent Post Thumbail Widget Blogger Deskripsi : Admin : Terbit Rating : 5 stars

  • Lifestyle