Static Recent Post With Image

Posted in Labels: Widget | Monday, November 28, 2011 [ 6:39 PM ]

Home » Widget » Static Recent Post With Image

Trik kali ini, akan membahas tentang cara membuat static recent post dengan image thumbnails atau postingan artikel terbaru yang disertai gambar. Sebagai contoh, bisa dilihat pada sidebar blog MozWidget atau pada contoh static recent post with image di bawah ini.

Bagaimana cara membuat static recent post with image ini ??? gampang, monggo disimak infonya...

Login ke blog sobat.
Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/Javascript".
Copy - Paste kode di bawah ini kemudian letakan di konten gadget.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i40.tinypic.com/14wbofa.png";
imgr[1] = "http://i43.tinypic.com/15qb13c.jpg";
imgr[2] = "http://i42.tinypic.com/2ztcydd.png";
imgr[3] = "http://i44.tinypic.com/2ljol87.png";
imgr[4] = "http://i39.tinypic.com/2cdj3gx.jpg";

showRandomImg = true;
tablewidth = 300;
cellspacing = 3;

borderColor = "#f2f2f2";
bgTD = "#f2f2f2";
imgwidth = 80;
imgheight = 80;
fntsize = 12;
acolor = "#666";
ccolor = "#5588aa";
cFontsize = 10;
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 3;
home_page = "http://monozcore.blogspot.com/";
</script>
<script src="monozcore-project.googlecode.com/files/recentpostwithimage.txt" type="text/javascript"></script>
<div align="center">
<span style="font-size:80%;"><a href="http://monozcore.blogspot.com/2011/11/static-recent post-with-image.html" target="blank">Get This Widget</a></span>
</div>
Sesuaikan kode diatas yang berwarna merah agar sesuai dengan tampilan blog sobat.
tablewidth = 300; // Lebar kotak widget
borderColor = "#f2f2f2"; // Warna pembatas
numposts = 3; // Jumlah postingan yang ditampilkan
home_page = "http://monozcore.blogspot.com/"; // Alamat URL blog (NB: gunakan "/" pada akhir alamat seperti contoh diatas)
Klik "Save" dan lihat hasilnya.

.:Semoga Bermanfaat:.

FB Users () Comment | Read Users (2) Comment

Comments

2 Comments

Putri Arisnawati says:
November 29, 2011 at 10:55 AM

Hai, saya ikut nimrung. statik recent post yang ditawarkan mungkin akan lebih menarik bila diperuntukkan pada main bar dan menampilkan image secara otomatis seperti yang tertuang pada image post. Threelas.com memiliki statik recent post yang memenuhi syarat itu. silahkan kunjungi http://www.threelas.com/2011/09/slide-image-recent-post-widget.html
MonozCore says:
November 29, 2011 at 6:43 PM

Thanks... for the tips