TUTORIAL : about blockquote :)

let's start yawww ! firstly pergi ke Dashboard > Design > Edit HTML*tick expand widget and search for this code :

.post blockquote {

dah jumpaa ? korunk copy code di bawah ini di bawah code di atas nie yaaa ?

background-color: #CCCDFE;
border-left: 4px solid #7477FE;
border-right: 3px dashed #FFFFFF;
border-bottom: 3px dashed #FFFFFF;
border-top: 3px dashed #FFFFFF;
padding: 8px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

ini contoh coding yang ada di HTML una yaa :) korunk hanya perlu twist cket yang di bold kan tuh yerr ? now kita nak buat hover dia pulak :) macam una punya ada icon kecil kan bile cursor sentuh blockquote tuhh ? selepas dah copy paste code di atas , di bawah dia korunk paste pulak code yang una bagi nie yer :) 

.post blockquote:hover {

background-image:url(URL ICON);

background-position:bottom right;

background-repeat:

no-repeat;

}

then , siap dahh ^^ simple bukann ? u can twist the coding , bermain dgn code2 ituh , nak border mcm mner , colour ape just change it okehh , soo ini link CODE COLOUR soo , semoga berjyaa yaaa ??

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : scrollbar chomel lote ^^

hahhh , jom kita start buat tuto naa ? fisrtly korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget theenn , korunk search code ini yaaa :

/*Header

dah sudah copy sila menggunakan ctrl + F dan pastekan :) senang nak cari code tuh , then ape yang korunk perlu buat ialah , copy code kat bawah nie and sila paste sebelum /* Header tuh yerr ?

::-webkit-scrollbar {
height:12px;
width: 13px;
background: #D6E1FF;
}
::-webkit-scrollbar-thumb {
background-color: #B6C9FF;
-moz-border-radius: 10px;
border-radius: 10px;
}

then korunk preview aje okehh ? hahh :) dah jady kannn :)

nota kecil :

pandai2 ubah codingnyaa yaaa ? ouhh , sebelum terlupa tuto ini hanya berkesan pada pengguna GOOGLE CHROME sahaja yaaa ? kalau di web lain scrollbar nie takkan berkesan . jadyyy , semoga berjaya ^^

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : Sidebar to the left and Main blog to the right

okehh :) tady ada yang request di facebook fanpage una :) dia tnya how nak buat sidebar jadi belah kiri :) sooo , ini tuto nye yer , firstly pergi ke Dashboard > Design > Edit HTML *tick expand widget . okeyhh , then kita mulakan dgn menekan ctrl + F dah tekan kann ? now cary code ini yaa ?

#main-wrapper {

 dah cary kann ? korunk adding code baru nie di BAWAH coding yang atas nie .

float: right;

thenn dah siap , korunk cari code ini pula okehh ?

 #sidebar-wrapper {

and guna kan ini sekali lagy dan paste kan coding nie di BAWAH coding di atas yaa ?

 float: left;

hahh , preview dulu blog korunk tuh okee ? then dah puas haty ? save lahh ? okehh :) kalau tak paham nie tgok gambar coding yang una pakai sekarang ^^ moga2 paham lah yer ? kalau tak paham gak tanya yer ?

(click untuk tumbesaran)

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---