Pasang Widget Artikel Terbaru dengan Gambar

Widget Recent Post dengan gambar thumbnails dan jumlah komentar.
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
5. Simpan widget, dan lihat hasilnya.

Selamat mempercantik blog.


9 komentar:

Admin - Widget follower dengan script said...

[..]Pasang widget artikel terbaru dengan gambar[..]

Anonymous said...

AllGoBlog : Artikel yg bagus sobat, btw klo di WP gimana ya settingannya biar ada thumbnails kaya gitu? thanks infonya, salam sukses selalu sobat :)

Morika 金玲 said...

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

Adedosol said...

@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.

akhatam said...

kerens.....boss!!!

Morika 金玲 said...

Good morning my dear friend, sorry i'm late, wish you all the best

javac said...

Makasih infonya gan, kunjungi balik ya...

gaptekers said...

thanks gan, udah ane coba dan berhasil.

Unknown said...

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

 
Seo marketing © 2010 | Designed by Chica Blogger | Back to top