Cara Menampilkan Recent Post Thumbnails di Blog

Bagi Anda yang rajin mengupdate blog dengan posting-posting terbaru patut mencoba tips yang satu ini. Untuk mempermudah pengunjung membaca artikel-artikel yang baru kita buat akan lebih baik kita menyediakan ruang/widget untuk menampilkan posting/artikel terbaru tersebut. Sehingga apabila pengunjung tertarik dengan artikel tersebut bisa langsung membukanya.

Dan dalam Tips Blogger kita kali ini kita akan membuat widget untuk menampilkan recent post/artikel terbaru dalam bentuk thumbnail. Mengapa dalam bentuk thumbnail? Dengan tampilan thumbnail tentu akan semakin mempercantik tampilan recent post yang akan kita buat. Selain bentuk thumbnailAnda dapat membuat tampilan widget recent post dalam bentuk lain diantaranya dengan menggunakan FEED dan Javascript.

Langsung saja kita mulai tutorialnya…..

1. Login ke akun blogger Anda
2. Pada dashboard, pilih Edit Layout–> Tata Letak.
3. Buat sebuah elemen halaman baru dengan mengklik “Tambah Gadget” kemudian pilih HTML/Javascript
4. Kemudian Copy kode dibawah ini dan Paste pada gadget HTML/Javascript tersebut,

<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:/NAMABLOGANDA.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Untuk mengatur tampilan widget tersebut di blog Anda, Anda dapat mengedit script tersebut sesuai keinginan sebagai berikut :

boxwidth - Mengatur ukuran lebar widget
cellspacing - Mengatur jarak spasi antar cells
borderColor - Mengatur warna border
thumbwidth & thumbheight - Mengatur ukuran lebar dan tinggi gambar Thumbnails
fntsize - Mengatur ukuran Font pada title
acolor - Mengatur warna title
aBold - Mengatur tebal huruf pada title (true atau false , )
numposts - Mengatur jumlah recent post yang ditampilkan
home_page : http:/NAMABLOGANDA.blogspot.com/"; (Ubah sesuai URL blog Anda)



Mudah bukan? Selamat Mencoba….

Anda sedang membaca artikel tentang Cara Menampilkan Recent Post Thumbnails di Blog dan anda bisa menemukan artikel Cara Menampilkan Recent Post Thumbnails di Blog ini dengan url https://supardipunya.blogspot.com/2009/11/cara-menampilkan-recent-post-thumbnails.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Menampilkan Recent Post Thumbnails di Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Menampilkan Recent Post Thumbnails di Blog sumbernya.