Recent Post Thumbnail Percantik Tampilan Blog

Jangan Lupa di like yawww..!!! Terima Kasih..

Cara membuat  recent post dengan thumbnail , yang di maksud dengan recent post dengan thumbnail adalah menampilkan suatu postingan terbaru dengan menggunakan suatu gambar yang telah di perkecil atau lebih terkenalnya dengan gambar thumbnail . banyak cara untuk anda lakukan dalam pembuatan recent post ,karena kalau menurut survey  yang telah di lakukan oleh para peneliti mengenai sebuah informasi yang telah anda berikan kepada orang lain baik itu informasi mengenai bentuk tulisan , gambar atau video maka hasil kesimpulannya adalah seperti ini .

Manusia dapat menerima suatu informasi dalam bentuk hanya tulisan saja sebesar 20% sedang kalau  anda dapat menambahkan suatu informasi tersebut dalam bentuk gambar maka  orang akan menangkap informasi tersebut >80%, alasannya adalah karena otak manusia lebih dominan menguraikan suatu informasi dalam bentuk gambar dari pada bentu informasi tulisan saja , karena kalau hanya menangkap suatu informasi dalam bentuk tulisan saja maka otak manusia akan menangkap 150 kata saja namun kalau menggunakan informasi dalam bentuk gambar maka otak manusia dapat menangkap sekaligus membuat 1000 kata kemudian .

Tak lama lama lagi saya basa basi , berikut adalah suatu code yang dapat anda masukan kedalam kode HTML dalam template anda . 

Untuk dapat menghasilkan tampilan seperti itu ikutilah petunjuk berikut

1.        Anda harus segera buka blog anda dengan alamat blogger.com
2.     Setelah anda masuk kedalam dashboard anda maka segera anda langsung cari DESIGN>>Page Template
3.      Setelah itu anda pilih  HTML/Javascript kemudian anda klik tambah gadget.
4.      Masukan kode berikut di lembar kerja dan anda berikan nama sesuai yang anda inginkan .

Berikut adalah kode htmlnya :

<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 = 200;

cellspacing = 8;

borderColor = "#B0E0E6";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#abcdef";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 7;

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

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan :

boxwidth = 200; ( adalah anda dapat mengatur berapa lebar dari recent post thumbnail anda sesuai kebutuhan dari blog anda )

summaryPost = 40; ( adalah anda dapat mengatur berapa maximal post yang dapat di tampilkan dalam recent post thumbnail di blog anda )

numposts = 7 ; (adalah anda dapat mengatur berapa jumlah post yang di tampilkan dapal blog anda )

home_page = "http://adainfo4.blogspot.com/"; ( adalah anda harus mengganti alamat url itu dengan alamat url blog anda supaya dapat menampilkan Recent post thumbnaildalam blog anda )

oke sekian dari saya semoga bermanfaat buat anda , dan yang  terpenting adalah selalu praktek praktek dan praktek .  !!!

Sobat sedang membaca artikel tentang Recent Post Thumbnail Percantik Tampilan Blog dan sobat bisa menemukan artikel Recent Post Thumbnail Percantik Tampilan Blog ini dengan url http://adainfo4.blogspot.com/2012/07/percantik-dengan-recent-post-thumbnail.html, sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Recent Post Thumbnail Percantik Tampilan Blog ini sangat bermanfaat bagi teman-teman sobat, namun jangan lupa untuk meletakkan link Recent Post Thumbnail Percantik Tampilan Blog sumbernya.