Widget Recent post dipasang sebagai informasi mengenai artikel atau posting terbaru dari suatu blog. Untuk memasang widget ini biasanya dengan menambahkan gadget baru lalu pilih gadget feed, setelah itu masukkan alamat feed blog. Tetapi dengan cara ini hanya bisa menampilkan 5 artikel terbaru tidak bisa lebih, dan hanya menampilkan judulnya saja.
Nah agar tampilan widget lebih menarik dan cantik, ada widget buatan bloggertricks yang menampilkan recent post dengan gambar thumbnails dan hebatnya lg widget ini bisa menampilkan banyak artikel terbaru(tidak hanya 5) sekaligus.
Selain dengan preview gambar dan judul ditambah lg dengan jumlah komentar dibelakang judul artikel.Yang mau pasang ikuti langkah berikut:
1. Buka blogger.com untuk login ke dasbor
2. Pilih Layout/tata letak
3. Tambah sebuah gadget baru, pilih widget HTML/Javascript
4. Masukkan script berikut:
<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://opelangi.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Keterangan :
- Boxwidth = Tentukan lebar widget
- Cellspacing = Jarak antar judul artikel
- BorderColor = Garis tepi widget
- thumbwidth = Lebar gambar
- thumbheight = Tinggi gambar
- fntsize = ukuran font judul
- homepage = Ganti dengan alamat blog anda
- dll
Selamat mempercantik blog.
9 komentar:
[..]Pasang widget artikel terbaru dengan gambar[..]
AllGoBlog : Artikel yg bagus sobat, btw klo di WP gimana ya settingannya biar ada thumbnails kaya gitu? thanks infonya, salam sukses selalu sobat :)
Hi my dear friend thanks 4 the visit sorry i am late, just passing by with smile to say wish you a good day..... your site are greater than mine
@AllGoBlog, coba plugin WP-post thumbnails sob, silahkan download pluggindisini.
Salin folder wp-post-thumbnail ke dalam folder 'wp-content/plugins' diWP.
Aktifkan plugin melalui 'Plugins' menu di Wordpress, thanks.
kerens.....boss!!!
Good morning my dear friend, sorry i'm late, wish you all the best
Makasih infonya gan, kunjungi balik ya...
thanks gan, udah ane coba dan berhasil.
yang ada nama penulisnya gtu gimana sob?
Post a Comment
Silahkan memberi komentar, saran, kritik atau masukan tentang artikel atau blog ini
Do not insert a link on comment box or you will be considered a spammer