Posts

Showing posts from June, 2011

Customize Scrollbar

Annyeong ! Hari ni Qay bosan so, buat lah tutorial. Hmm, Qay akan ajar care nak tukar bende scroll tu, yg kat sebelah kanan korang. For penggune Google Chrome saja.


1) Pergi lah Design.
2) Pergi Edit HTML. 
3) Cari code ini (ctrl + f = search code) :
]]></b:skin>4) Copy and paste code ini pulak dekat atas code yg kita cari tadi (kalaw dekat code korang ade code</style> paste-kan dekat atas code tersebut.) . (ctrl + c = copy)

::-webkit-scrollbar { height:12px; width: 14px; background: #FFFFFF; }
::-webkit-scrollbar-thumb { background-color: #F3F781; -moz-border-radius: 5px; border-radius: 5px; } 

5) Edit time.
BIRU : Untuk background scrollbar. Yg Qay punye, warne putih tu.
MERAH : Untuk scroll dye. Yg Qay punye, warne kuning cair tu.
*height, width dgan border boleh adjust. 


6) Preview and Save !


Good Luck :]

Cute and Awesome Blog Contest

Image
Ha? Are you kidding? Nope. Qay buat satu contest ni. Harap ramai yg join. Okeh. Qay nak bagi rules dye dan Ape yg kaworang perlu buat.


RULES
1) Follow blog Qay. (Sebab biar tahu perkembangan terkini) 2) Buat satu entry About contest ni. Letak gambar sekali. Ni URL :  http://4.bp.blogspot.com/-65hnjcaJCD0/TgCA126seBI/AAAAAAAAAMA/_1DE7c_BdKY/s1600/contest2.png3) Tag kawan. Minimum 2 orang. Pastikan diorang tahu.
4) Hantar LINK ENTRY tuh di comment post ini. 
5) Siap !
6) Tarikh tutup 31 JULY 2011


PRIZE


TempatHadiah
Pertama            Free Header (Design yg u'olz nak) + 
                         Top-Up RM30(Ikut telco yg u'olz gne)


Kedua               Free Header (Design yg u'olz nak)   


3 Saguhati         PAS (Picture of Award Special)




p/s : Kalaw contest tak melebihi 10 orang join, automatik akan terbatal. Sorry.



Letak picture atas post

Image
Hmm. Yelah budak barublaja. Bagi sesiape yg tahu link budak ni. Tolong kasi tau Qay taw ! Budak kat chatbox Qay. Hmm. Oke ! Hari ni Qay ak skola soo, bole la Qay post entry. Ni nak share tutorial Mcam Qay ! Yg picture Assalamualiakum tuh. Cantik en? Oke. 


1) Go to Edit HTML. Tick Expand Widget.
2) Find this code, al right ! 
<div class='post-body entry-content'3) Oke, letak code ini pulak dekat sebelah code tadi.
   <center><img src='URL IMAGE ANDA'/></center>4) Letak la image korang. Ni Qay kasi sikit. 

http://3.bp.blogspot.com/-7GUCCor4PkM/TfG2BxoUmBI/AAAAAAAABq8/rYjKPrmVoXI/s1600/1.png
http://1.bp.blogspot.com/-WMkGV4H28mA/TfG2D012GNI/AAAAAAAABrA/moLJ2-pSg4M/s1600/3.png4) Preview dulu ! Pastu SAVE la !


Credits for Kakak Eeda !  Ok, Bye !

Text Show dan Hide

Hai semue ! Assalamualikum :D Okey, Qay hari ni, nak buat tutorial. Seperti yg di-request oleh Budakbarublaja. p/s : Tolong lah bagi link blog kaw ! Qay dah beg banyak kali pon masih tak nak bagi -.-' BENCI ! 
Okelah, kalaw nak tahu macam mane rpe dye Text show dan hide ni, boleh tengok kat sidebar  >> Yg di category 'About'. Ade STATUS kan? Ahha ! Orait.
1) Pergi Design. Pilih satu JavaScript widget untuk letak code ini. 2) Copy Code ini <script language="javascript"> function toggle() {var ele = document.getElementById("toggleText");var text = document.getElementById("displayText");if(ele.style.display == "block") {ele.style.display = "none";text.innerHTML = "HERE";}else {ele.style.display = "block";text.innerHTML = "HERE";}} </script>
CLICK <a id="displayText" href="javascript:toggle();">HERE</a>TO READ SOMETHING SPECIAL.<div id="toggleTex…