Hai sobat-sobat yang berbahagia (alaah kayak pidato aja), kali ini kita akan melihat sebuat tip blogger yang menarik yaitu: cara membuat widget untuk menampilkan postingan terbaru sekaligus bisa menampilkan jumlah page view dan jumlah komentarnya lhoo, gimana? menarik kan!. jadi penjelasana gini.
Widget ini selain menampilkan postingan terbaru, ia juga menampilkan gambar pada postingan tersebut andaikata postingan anda ada gambarnya, dan juga bisa melacak banyaknya komentar pada postingan tersebut.
jadi kita tidak perlu lagi capek-capek melihat komentar per postingannya, serta jumlah page view (jumlah halam tersebut dilihat atau dibuka user), nha mantap kan!!. bagi anda yang pingin membuatnya atau menambah di sidebar blog anda silakan ikuti saya untuk membuat widgetnya.
Caranya adalah sama seperti teknik-teknik lainnya, yaitu dengan cara anda log in dulu, kemudian pada halaman dashboard anda pilih layout, kemudian add gadget, kemudian anda pilih HTML/Javascript untuk memasang widget ini. caranya sangat mudah, anda tinggal copy paste semua code dibawah ini, pastekan kode tersebut kedalam HTML/Javascript blog anda. Bagi pengguna wordpress mungkin juga bisa tinggal copy-paste aja kodenya.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i683.photobucket.com/albums/vv193/vebyo/No-Image-stat.gif";
imgr[1] = "http://i683.photobucket.com/albums/vv193/vebyo/No-Image-stat.gif";
imgr[2] = "http://i683.photobucket.com/albums/vv193/vebyo/No-Image-stat.gif";
imgr[3] = "http://i683.photobucket.com/albums/vv193/vebyo/No-Image-stat.gif";
imgr[4] = "http://i683.photobucket.com/albums/vv193/vebyo/No-Image-stat.gif";
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://namablog.blogspot.com/";
</script>
<script src="http://www.geocities.com/damn_lunchix/recentposts_thumbnail.js" type="text/javascript"></script>
Apa saja yang perlu anda ganti?
home_page : http://namabloganda.com/ (Ubah sesuai URL blog masing2-ini paling penting)
boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth & thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true=untuk tebal or false=untuk tidak tebal / biasa)
numposts - Jumlah recent post yang dita mpilkan? (tinggal ganti anggka 5 )
Yang terakhir anda jangan lupa Save template anda. setelah itu coba liat blog / website anda.
Note: kalau gambar recent post nya enggak kelihatan, coba anda cek -> Setting -> Site Feed trus Allow Blog Feeds nya di ganti dengan full trus Post Feed Redirect ULRnya juga di kosongkan.
Kemudian Save lagi :) , and see your blogs posting. keep blogging
Apakah anda berhasil mencobanya, silakan berikan Commentarnya >>>>>>:)<<<<<
Dari: http://hitsuke.blogspot.com