Tutorial untuk Blog kali ini membahas tentang cara membuat Recent Post dan Recent Menampilkan Gambar ada beberapa cara untuk membuat widget ini dari mulai menggunakan widget creator, maupun java script. tutorial blogspot kali ini akan menggunakan alamat widget sederhana, untuk menghindari loading page yang terlalu berat jika menggunakan javascript.
*Buka Blogger Admin
*Pilih Rancangan, kalau Admin Blogger berbahasa indonesia
*Buat Widget baru
*Copas{Copy dan Paste} Code dibawah ini ke widget baru:
Selamat Mencoba..!!! di klik tombol"Like"nya ya sobat blogger, Terima kasih...
*Buka Blogger Admin
*Pilih Rancangan, kalau Admin Blogger berbahasa indonesia
*Buat Widget baru
*Copas{Copy dan Paste} Code dibawah ini ke widget baru:
<div style="font-size:90%; text-shadow:2px 2px 2px #adadad;"><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.jarijari.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></div>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.jarijari.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></div>
Keterangan : Rubah text yang berwarna Biru dengan alamat Blog kamu, dan untuk menentukan jumlah yang di recent post lihat text yang berwarna Merah dan rubah sesuai dengan angka yang kamu mau. satu lagi untuk merubah lebar recent post kamu cukup rubah text yang berwarna Orange "Boxwidth"
Selamat Mencoba..!!! di klik tombol"Like"nya ya sobat blogger, Terima kasih...