Membuat Recent Post dengan Gambar pada Blogger

Recent post adalah suatu widget yang disediakan oleh blogger untuk menampilkan beberapa buah/ urutan dari posting terbaru yang telah dipublikasikan.
Kita tinggal masuk pada menu rancangan dan menambahkan widget tersebut, save dan selesai. Akan tetapi itu adlah versi standar bawaan yang disediakan blogger. Sesuai dengan perkembangannya banya para web master memodifikasi dan menciptakan coding2 tertentu untuk mempercantik widget tersebut, salh satunya adalah dengan membuat recnt post yang dapat menampilkan gambar yang paling awal pada postingan yang ditampilkan.



Bagi sobat yang sudah tidak sabaran untuk mencobanya, berikut caranya:

Pada menu Dashboard klik menu "Design - > Page Elements"
Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"

Dan silahkan 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 = 230;

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://sangmerak.blogspot.com/";

</script>

<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan :

boxwidth = 230; untuk menentukan lebar dari widget yang harus sobat sesuaikan dengan lebar Layout Anda.
Ganti URL "
http://idblogweb.blogspot.com/" dengan alamat blog sobat.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.

Terakhir, silahkan simpan template sobat dan lihat hasilnya

No comments:

Powered by Blogger.