0 Membuat Recent Post Dengan Thumbnail | Blogger tutorial

Pada kesempatan kali ini , saya akan sedikit berbagi tentang tutorial blog , kususnya pada blogger.Sudah pernah tau Recent Post ? Saya rasa untuk anda yang gemar otak-atik blog sudah tau apa itu Recent Post.Bagi kalian yang belum tau apa itu Recent Post , Recent Post adalah widget untuk memberitahu kepada pengunjung posting-posting paling baru di blog kita ( kurang lebih seperti itu ya gan hehehe ^_^).Recent Post yang ingin saya perlihatkan kepada anda adalah Recent Post Dengan Thumbnail (Recent Post Dengan Gambar) . Maksut pemberian gambar pada Recent Post bertujuan untuk memperindah tampilan pada blog anda.Pengen membuat ? Ikuti langkah-langkah di bawah ini.

1.Login ke blogger dengan Akun anda.

2.Pada Dasbor , pilih Rancangan

3.Kemudian Klik Add a Gadget , Kemudian pilih HTML/JavaScript.

4.Lalu Taruh Script di bawah 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://sangmerak.blogspot.com/";

</script>

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

Keterangan :

boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://sangmerak.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.

Nah kalau sudah tinggal SAVE.


Sumber : Tutorial-Jitu

Komentar →