Tutor-Tutor Recent Post With Scroll Box !


Salam..


Okay ye semua...hari ni nak share macam mana nak buat Recent Post with Scroll Box pulak sebab direquest oleh EeSyaheera..he he..memang sekarang dah ada yang animated tapi tak semua blog boleh berfungsi bila guna yang animated..contohnya blog aku ni pun tak jadi bila buat yang animated..


Ni pun simple jugak..sebab korang tak perlu edit dekat HTML..senang sangat..blog korang pun nampak lebih kemas dengan ada nya scroll box ni..kan kan..


contoh recent post bersama scroll box !


1) Mula-mula login ke blogger.com dan pilih Design kemudian Add Page Elements


2) Tambahkan element HTML/Javascript.


3) Salin kod di bawah ini di kotak " Content" dan klik Save.



<div style="width:180px;height:300px;overflow:auto; ">

<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 = 200;

cellspacing = 8;

borderColor = "#F781F3";

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 = 10;

home_page = "URL blog korang";

</script>

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

</div>


a)  Width tu korang boleh ubah kepada nilai yang lebih besar kalau korang nak box korang lebih lebar..sama juga dengan height, besarkan nilai dia kalau korang nak lebih tinggi..sehingga korang rasa dah puas hati..


b) borderColor yang di bold kan tu boleh juga tukar ke kod warna lain..yang aku punya tu warna pink..he he..nak cari kod warna..boleh cari di SINI..


c) numposts10 tu korang boleh ubah kepada berapa bilangan post yang korang nak dalam kotak nanti..


d) Tukar kan Url blog korang yang di bold kan tu ya..


4) Tadaa..dah siap scroll box korang..if ada apa-apa problem..kontek-kontek je okey..selamat mencuba ! he he..