Recent Post dengan Thumbnail Widget untuk Blogger

Recent Post dengan Thumbnail Widget untuk Blogger

Posting kali ini menjelaskan cara menambahkan Recent Posts widget di Blogger dengan gambar thumbnails:

Beberapa hari yang lalu,saya melakukan blogwalking dan melihat berbagai tampilan sidebar,ada satu tampilan sidebar yang menarik yaitu tampilan recent post dengan menggunakan thumbnail dan image.Sayapun mencoba memasang widget tersebut pada sidebar blog milikku.Setelah berkali-kali mencoba dan mengulang, saya akhirnya berhasil! Senang juga rasanya.

So.., mari kita lihat cara menginstal widget keren ini di blog anda ..

1. Masuk ke dashboard Blogger

2. Pergi ke Layout »Tambahkan gadget» html / javascript

3. Sobat cukup copy dan paste kode ini .. 



<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 = "komentar";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "# 666";

icon2 = "";

numposts = 5;

home_page = "http://lee-halimin.blogspot.com/";

</ script>

Penjelasan:

(Edit sesuai keinginan sobat)
boxwidth - Lebar dari widget
cellspacing - Space antara sel (lebih baik gunakan default)
borderColor - Perbatasan warna (warna latar belakang menambahkan template Anda ke perpaduan sempurna di template)
thumbwidth & thumbheight - Lebar dan Tinggi dari thumbnail (default baik)
fntsize - ukuran font judul
acolor - Warna dari judul
aBold – Sobat bias pilih judul yang berhuruf tebal atau tidak? (true atau false)
numposts - Berapa banyak posting yang ingin ditampilkan?
home_page: http://lee-halimin.blogspot.com/ (Ubah sesuai dengan url blog anda sobat)


Namun, saya sarankan untuk men-download dan upload script ke hosting sendiri (google for free javascripts host) dan mengganti url dengan Anda.agar sobat mempunyai link atas scripts anda sendiri.

4. Terakhir .. Simpan Perubahan(save).

Selesai deh sobat.

Semoga berhasil dan bermanfaat!!!

Catatan: Pastikan Anda memilih YA dalam Pengaturan »Feed Situs» Kendali »Allow Blog Feeds

Sobat suka dengan posting ini?

Silahkan Share disini

Posted in: tips dan trik blog