Showing posts with label tutor tutor. Show all posts
Showing posts with label tutor tutor. Show all posts

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..


Tutor Letak Wishlist Dalam Blog



Ini first time aku try untuk membuat tutor..selama ni hanya mengikut tutor je..jadi hari ni setelah direquest oleh Princess Momoy nak tunjukkan macam mana nak letak wishlist dalam blog..ia sangat mudah dan simple untuk dibuat..he he.. 


Contoh wishlist


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.

<form name=myform>
<input type="checkbox" name="mybox" value="wishlist anda" disabled />wishlist anda <br />
<input type="checkbox" name="mybox" value="wishlist anda" checked />wishlist anda <br />
<input type="checkbox" name="mybox" value="wishlist anda" disabled />wishlist anda <br />
<input type="checkbox" name="mybox" value="wishlist anda" checked />wishlist anda <br />
<input type="checkbox" name="mybox" value="wishlist anda" disabled />wishlist anda <br />
<input type="checkbox" name="mybox" value="wishlist anda" disabled />wishlist anda <br />
</form>


 Perkataan yang di "bold" kan di atas perlu diubah mengikut kehendak korang..


"Wishlist Anda" sila ubah kepada wishlist yang korang nak..


Perkataan "disabled" dan "checked" juga perlu diubah.."disabled" untuk wishlist yang belum tercapai dan "Checked" untuk wishlist korang yang sudah tercapai..


4) Jika tiada error...tadaaa..dah siap pun..


Jika ada masalah atau sebarang ketakfahaman untuk tutor ni sila contect saya okay.. :)


p/s : Sila klik ctrl C untuk copy..Selamat Mencuba !