Membuat Postingan Terbaru dengan thumbnails Foto
Salah satu gadget yang sangat penting adalah recent posts. Jadi selain melihat postingan paling baru pembaca juga bisa tahu beberapa postingan yang paling baru (jumlah sesuai keinginan kita yang menyediakan informasi). Selain itu, kita jadi tidak perlu menampilkan banyak postingan pada halaman utama karena takut postingan yang 'agak baru' bukan terbaru jadi tak terlihat. Langsung saja tambahkan script berikut pada widget HTML Anda
Ganti yang berwarna merah dengan alamat blog kamu, kalau tidakya tidak apa-apa selain promosikan blog saya hehehe. Nomer 30 menunjukkan jumlah artikel terbaru yang ditampilkan
Atur height dan width pada bagian atas untuk menyesuaikan dengan sidebar kamu.
Semoga berhasil....
<div style="overflow:auto; padding:5px; width:250px; height:180px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><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 = 30;
home_page = "http://blog-trik-tip.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>
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 = 30;
home_page = "http://blog-trik-tip.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>
Ganti yang berwarna merah dengan alamat blog kamu, kalau tidakya tidak apa-apa selain promosikan blog saya hehehe. Nomer 30 menunjukkan jumlah artikel terbaru yang ditampilkan
Atur height dan width pada bagian atas untuk menyesuaikan dengan sidebar kamu.
Semoga berhasil....
aq nomer 1
BalasHapuscontohnya mana mas doy? seep deh
BalasHapusbaru nyadar postingan terbaru ternyata recent post, cape deh.. :(
BalasHapussaya pernah pake recent post thumbnails photo, tp kok photonya gak ada ya? apa harus manual di pasang photonya?
BalasHapusmakasih mas doyok...
BalasHapusudah jadi tuh readmorenya
terima kasih semuanya
BalasHapusmas aryo enggak kok, otomatis
mas gambar punya ku kenapa ga keluar yah... imagenya tetap yang ada di sintaxnya..mohon bimbingannya ..terimakasih
BalasHapusmas gambar punya ku kenapa ga keluar yah... imagenya tetap yang ada di sintaxnya..mohon bimbingannya ..terimakasih
BalasHapusoke saya cek dulu ya
BalasHapuskalau kamu gak pasang foto di postingan ya gak mungkin keluar, dia otomatis ambil foto dari postingan itu :)
BalasHapusudah mas saya udah masang photo..di postingannya.. dari sepuluh artikel ada 4 yang pake photonya mas...maaf neh jadi ngerepotin
BalasHapusselama ini tidak terjadi masalah
BalasHapustapi masih ada alternatif lain silahkan baca
http://www.masdoyok.co.cc/2009/09/5-gadget-blogger-bagus-terlupakan.html
bisa om...tq....
BalasHapusakan saya coba..semoga berhasil..
BalasHapus