Tutorial Scrollbar Tepi Blog

Tumblr_lmluhvg0cz1qb1ifho1_500_large
"Tolong bawa saya lari dari sekolah weh !" XD

Hello guys , hari ni aku tak ada apa nak buat jadi aku nak buat tutorial hari ni .

Batbirds_large

Korang nampak tak benda warna pink yang tepi belog aku , yang bila korang scroll kebawah , dia akan turun . Nampak tak ? Itu nama dia ScrollBar <- Nama aku beri . Tapi aku taktahu korang panggil apa . 

Okay , let's get a started .

 . Pergi tekan Design dan seterusnya tekan Edit Html 
 . Picit Ctrl+F dan cari perkataan comel ni > /* Header
 . Dah jumpa kan ? Korang copy code dibawah dekat atas code /* Header tadi tu

#navbar-iframe {display: none;}
::selection{color: #FBFBFB background: #FBFBFB;}
::-webkit-scrollbar { width: 10px; background-color: #FBFBFB; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 1px; display: block; background: #FBFBFB;}
::-webkit-scrollbar-track-piece { background-color: #FBFBFB; }
::-webkit-scrollbar-thumb{ background-color: #FF9FB4; -webkit-border-radius: 400px; border-radius: 400px; }
}

. Dah paste , jangan lupa preview sebab aku takut korang punya ada masalah . 
. Dah preview dan yakin tak ada masalah , save dan Gelak macam pocong dapat mangsa .

Purple : Warna background
Hijau : Lebar dia
Orang : Bar yang warna pink tu


credit to : Nerd's

2 B2uty(s):

Post a Comment