Cantikkan Scrollbar Untuk Blogskin ( Google Chrome sahaja )

Assalamualaikum, hai ! :)

Hari ni macam takde ape je nak dibuat kan so wawa pon sesaje je buat entry ni . Entry kali ni lebih kurang macam tutorial lah jugak kot. Tutorial hari ni adalah untuk mencomelkan scrollbar . Apa ? Tak tahu macam mana ek ? Okay takpe2 jangan begadoh. Just tengok contoh gambar kat bawah ni .

Haa nampak kan.. Yang anak panah merah tu laa kita nak buat hari ni . Tapi scrollbar tu untuk Google Chrome je tau ! Kalau untuk Mozilla tak jadi . Wawa dah try lah sebab tu wawa tahu..hehe . Kalau tak caye trylah sendiri :b 

Meh kita buat...mula-mula...

1. Pergi kat dashboard > template

2. Cari code ni..kalau nak cepat tekan F3 then search..

</style>

3. Okay, dah jumpa kan ? Korang copy code kat bawah ni then paste kat atas code yang korang cari tadi tuu..

::-webkit-scrollbar {
width:7px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment  {
height:10px;
width:2px;
display:block;
background:#b4defa;
border:1px solid white;
}
::-webkit-scrollbar-track-piece  {
background-color:#ffffff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color:pink;
border:1px solid white;
}

Korang boleh tukar code yang wawa dah 'biru'kan tu ikut kesukaan korang ek..untuk code colour korang boleh search kat SINI..

4. Lepas dah copy paste semua code tu , korang trylah preview dulu . Kalau dah okay , tekan save . Siap ! Senang kan ? Hihi , goodluck guys :)

Just want to share with you all.

Tutorial credit to : Fatin Hazwani :)

Till here. Lots of love.
xoxo ♥

Continue reading →