Membuat Recent Post dengan Disertai Thumbnail
Membuat recent post sudah pernah kita pelajari, mulai dari menampilkan recent post yang hanya judul, dengan disertai ringkasan. Sekarang kita akan belajar untuk membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik :)
Cara Membuat Recent Post dengan Disertai Thumbnail adalah, Login ke Blogger > Tata Letak > Tambah Gadget > pilih "HTML/Javascript". Setelah itu masukan kode berikut ini:
Dan berikut ini beberapa kode yang harus dan bisa kita rubah.
Cara Membuat Recent Post dengan Disertai Thumbnail adalah, Login ke Blogger > Tata Letak > Tambah Gadget > pilih "HTML/Javascript". Setelah itu masukan kode berikut ini:
<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 = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://kurniasepta.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
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 = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://kurniasepta.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Dan berikut ini beberapa kode yang harus dan bisa kita rubah.
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 or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://kurniasepta.blogspot.com/ (Ubah sesuai URL blog anda sendiri)
nice tips gan....sdh ai coba ;)
BalasHapusthanks gan
BalasHapusmakasih ya mas.langsung dicoba neeh
BalasHapus>matur suwun.... (makasih)
BalasHapusterimakasih ... atas pengetahuannya... saya coba diblog saya... and thanks
BalasHapusSekarang kita akan belajar untuk membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik :) Viagra on line pharmacy
BalasHapusThank you, di-bookmark dulu. Nanti saya coba, ya. Saya sudah pake widget Recent Comments, tapi standar dari blogger, dan saya kurang suka dengan bentuknya.
BalasHapusMakasih ya..
newbie gan thx begete!
BalasHapusAh good exciting content! It's the best time to make some plans for the vacation and it is good to see my italy tours to guided you the best destination. Thanks for sharing. Regards.
BalasHapuskalo ganti warna itu pake kode kan? kalo ijo kodenya apa?
BalasHapusmakasih untuk infonya gan!!
BalasHapusmakasih untuk infonya gan!!
BalasHapuskurnia septa maju truss !!
BalasHapuscopas letakin dimana Gan....
BalasHapusmantap mas recent postnya
BalasHapusmaksih gan
BalasHapusKelihatannya keren banget, Sob. Izin dicoba ya...? Terima kasih.
BalasHapus