TUTORIAL : note dekat bawah setiap post

okehh , tuto  nie tiada dalam blog una tapi una dah try dalam blog trial and ia menjadi , nak tahu apa dia tuto kali ini sila tgok gambar ini yaaa ??

(click untuk tumbesaran)

soo ,dah tgok kann ? jady meh kita mulakan jomm ? firstly korunk kene p cari Dashboard > Design > Edit HTML*tick expand widget and tekan ctrl + F then search for this code : 

<data:post.body/>

dah jumpaaa ? hahhh , sekarang korunk copy code di bawah nie and pastekan di bawah code di atas nie yaaa ??

<hr/><center>
<b>AYAT IKUT SUKA HATI ANDA</b>
</center><hr/>

dah letak code-code tuh semua , korunk preview lahh :) hahh , jady takkk ? pape inform same una yaaa ??

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

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?

---