Cara Membuat Recent Post

Widget ini memiliki tampilan yang tidak kalah menarik dari widget sejenisnya. sebagai contoh Lihat 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/AVvXsEiE_-YXSA5fN6sr_dtz2Jewv5eE5dYIQy_3vlMN6afFrjksgjN2h0XcrdLyJUrZQ2jA3d9N0QYKFFQYbOHizEbWp0wSHilYwB_BQ4c21NZ97wV8vEwPZvozVreejUbbLgewKDPdKg9JZTDE/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/AVvXsEi1w12hE-3g26YMsIhXN3tJadpnaxJ5_SxrnXpQ1qgE19r8G108gAGwU54y5ybtNm-Dzxn0OkD0Lr539V7yBXLhhEK-WoDJQVVVBAc2K8UHFMPrj2WSIgRrDTLK19t_4v4oTRXhLAUawUm9/s1600/IdRowRight.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w12hE-3g26YMsIhXN3tJadpnaxJ5_SxrnXpQ1qgE19r8G108gAGwU54y5ybtNm-Dzxn0OkD0Lr539V7yBXLhhEK-WoDJQVVVBAc2K8UHFMPrj2WSIgRrDTLK19t_4v4oTRXhLAUawUm9/s1600/IdRowRight.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w12hE-3g26YMsIhXN3tJadpnaxJ5_SxrnXpQ1qgE19r8G108gAGwU54y5ybtNm-Dzxn0OkD0Lr539V7yBXLhhEK-WoDJQVVVBAc2K8UHFMPrj2WSIgRrDTLK19t_4v4oTRXhLAUawUm9/s1600/IdRowRight.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w12hE-3g26YMsIhXN3tJadpnaxJ5_SxrnXpQ1qgE19r8G108gAGwU54y5ybtNm-Dzxn0OkD0Lr539V7yBXLhhEK-WoDJQVVVBAc2K8UHFMPrj2WSIgRrDTLK19t_4v4oTRXhLAUawUm9/s1600/IdRowRight.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1w12hE-3g26YMsIhXN3tJadpnaxJ5_SxrnXpQ1qgE19r8G108gAGwU54y5ybtNm-Dzxn0OkD0Lr539V7yBXLhhEK-WoDJQVVVBAc2K8UHFMPrj2WSIgRrDTLK19t_4v4oTRXhLAUawUm9/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://alfarsiku.blogspot.com/";
</script>
<script src="http://alfarisiku."></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://alfarisiku.blogspot.com/"; silakan Anda ganti dengan link atau url blog Anda. 

Cara Membuat Recent Post 2012-12-12T14:58:00+07:00 Rating: 4.5 Diposkan Oleh: M Zaky Alfarisi