Membuat Post Terbaru Dgn Thumbnail

Sue kembali lagi setelah lama menyepikan diri .Al maklumlah sejak dua menjak berbadan dua nie..sue x de mood nak updatekan blog..Arap2 ianya x berpanjangan..:(
Masih ingat x lagi tutorial kita dulu dimana sue pernah mengajar korang bagaimana membuat post terbaru seperti ini





Tapi kali ini sue nak ajar korang bagaimana membuat post terbaru dimana terdapat gambar disetiap sudut post baru korang tu.Ianya akan kelihatan seperti ini :-



tutorial ini sue kutip masa jalan-jalan kat blog Blogger Trick.com

1.Login ke blog korang
2.Klik layout
3.Klik Add A gadget
4.Pilih HTML/Javascript
5.masukkan kod berikut

<div style="overflow: auto; height: 380px; width: 93%;
background-color:#FFFFFF; border:1px solid #6A5555;
margin: 5px auto; padding:8px;
color: #6a5555; text-align: left;">

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i143.photobucket.com/albums/r153/kupia/orpg0m.jpg";

imgr[1] = "http://i143.photobucket.com/albums/r153/kupia/orpg0m.jpg";

imgr[2] = "http://i143.photobucket.com/albums/r153/kupia/orpg0m.jpg";

imgr[3] = "http://i143.photobucket.com/albums/r153/kupia/orpg0m.jpg";

imgr[4] = "http://i143.photobucket.com/albums/r153/kupia/orpg0m.jpg";
showRandomImg = true;

boxwidth = 325;

cellspacing = 5;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = false;

icon = " ";

text = "komen";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 20;

home_page = "http://galeriazmas.blogspot.com/";

</script>

<script src="http://ibnunurdin.googlepages.com/recentposts_thumbnail.js" type="text/javascript">
</script>

</div>

<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a )); class="quickedit" href="http://www.blogger.com/rearrange?blogID=5201723474335956537&widgetType=HTML&widgetId=HTML12&action=editWidget" target="configHTML12" onclick="return _WidgetManager._PopupConfig(document.getElementById(" title="Edit" html12>
<img alt="" width="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18"/>
</a>
</span>
</span>
<div class="clear"></div>
<div id="HTML18" class="widget HTML">
<div class="widget-content">
<div style="text-align: center;"><script type="text/javascript"><!--
google_ad_client = "pub-6557915991744095";
google_ad_host = "pub-1599271086004685";
/* 336x280, created 6/11/09 */
google_ad_slot = "6131608842";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script
src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a )); html18 class="quickedit" href="http://www.blogger.com/rearrange?blogID=5201723474335956537&widgetType=HTML&widgetId=HTML18&action=editWidget" target="configHTML18" onclick="return _WidgetManager._PopupConfig(document.getElementById(" title="Edit">
<img alt="" width="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18"/>
</a>
</span>
</span>
<div class="clear"></div></div>

**tukarkan kod bewarna merah dgn url blog korang
6.last sekali Save
Moga korang berjaya yerk...

Luangkanlah sedikit masa korang untuk memberi komen di blog ini kerana setiap komen yang dibuat oleh korang amat bermakna dan secara tidak langsung ianya memberi suntikan semangat untuk saya terus menulis di blog ini...