Assalamualaikum sobat, Bagaiamana kabarnya ne?? Sehat kan?? oke pada kesempatan saat ini saya hadir kebali dengan membawa oleh-oleh yang tiada lain adalah widget recent post dengan thumbnail.
Namun saya yakin diantara sobat sodah tak asing lagi istilah ini, karena bukan hal yang sulit apa lagi bagi sobat blogger yang duduk di level menengah ke-Atas. yang sudah jauh lebih pengalaman dari saya yag masih newbie. tapi meski demikian besar harapan saya postingan ini bermanfaat untuk semua level.
Saya pikir Widget ini cocok bagi Anda yang mempunyai blog bernuansa gallery, misalnya gallery template, foto, desain dan sebagainya.
Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .
Pertama tentunya log in dulu di blog sobat
Pada menu Dashboard klik menu "Design - > Page Elements"
Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
Dan taruh script dibawah ini kedalamnya.
Ket :Namun saya yakin diantara sobat sodah tak asing lagi istilah ini, karena bukan hal yang sulit apa lagi bagi sobat blogger yang duduk di level menengah ke-Atas. yang sudah jauh lebih pengalaman dari saya yag masih newbie. tapi meski demikian besar harapan saya postingan ini bermanfaat untuk semua level.
Saya pikir Widget ini cocok bagi Anda yang mempunyai blog bernuansa gallery, misalnya gallery template, foto, desain dan sebagainya.
Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .
Pertama tentunya log in dulu di blog sobat
Pada menu Dashboard klik menu "Design - > Page Elements"
Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
Dan taruh script dibawah ini kedalamnya.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 270;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://sanatengah.blogspot.com/";
</script>
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
boxwidth = 270; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://sanatengah.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.
Nah kalau sudah tinggal SAVE.
Saya rasa sudah cukup jelas dan saya undur diri dulu, silahkan dicoba dan silahkan perluas ilmu ini dengan cara apapun. BERBAGI ITU TIDAK RUGI.
Sampai jumpa lagi di postingan berikutnya.......
Terimakasih info nya..
ReplyDeletekeep smile.. :D
Cara Mudah Memberi Recent Post Dengan Thumbnail : artikel yg mencerahkan. makasih udah sharing.... he.... mau praktek ah...
ReplyDeleteMantab nihhh...
ReplyDeleteAkhirnya saya nemu juga ( script bt comentar tumbaiil )
makasih yaa,,,,
wkwkwkwk
ReplyDeletelusu, mnayik...asyik
mksh dah share gan....
soba sekalian terimakasih sudah berkunjung dan meninggal beberapa ptah kata yang menurut saya sangat berharga sekali....
ReplyDeletemantap gan...
ReplyDeletemas, button buka tutup seperti info site itu, ada html nya gak... sekalian searching dengan input nya gabungan dropdown dan scroll, thanks mas...
ReplyDeleteasyik jg ne post
ReplyDeletemksh dah mw brbgi
$undul balik gan :)
ReplyDeletesangat bermanfaat
ReplyDeletemantap infonya om..
ReplyDeletehajar semua om agus :D....
mohon dukungannya om buat kontes seo yang ini pasang dong link kontes saya yg ini :D