Recent Post Dengan Thumbnail (Artikel Terbaru Dengan Gambar)

Hallo Sahabat Blogger , pada kesempatan kali ini, saya akan sedikit berbagi tentang tutorial 

Blogger.Artikel kali ini membahas tentang pembuatan Recent Post (Artikel Terbaru)........Recent Post merupakan Widget yang sering digunakan pada blogger,Recent post ini berguna untuk melihat apa saja artikel yang di posting di blog tersebut.Nah ,Sampai itu saja penjelasan tentang Recent Post ya, jangan banyak-banyak hehe(bukannya saya pelit loh hahaha).Baiklah , Recent Post yang saya Ingin share kepada anda adalah "Recent Post Dengan Thumbnail" . Kenapa disebut "Dengan Thumbnail" , karena terdapat Thumbnail ( Gambar kecil) pada Recent Post yang ingin saya buat ini.

1.Login ke Blogger dengan akun anda.

2.Pada menu Dashboard Pilih / Klik Design (Rancangan)

Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
Dan taruh script dibawah ini kedalamnya.

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";

imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";

imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";

imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;

boxwidth = 230;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "transparent";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://Blogmu.blogspot.com/";

</script>

<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>

Catatan    1.Tulisan yang berwarna Hijau merupakan lebar Recent Post

             
                2.Tulisan yang berwarna Biru merupakan jumlah artikel yang ingin ditampilkan

             
                3.Tulisan yang berwarna Merah ganti dengan URL Blog Anda

Sekian Tips Dari saya . Terimakasih, Wasalam........

Sumber : http://tutorial-jitu.blogspot.com