Cara Membuat Scrollbar Keren Di Blog

Hay Sobat XC-Blog ! selamat malam sob :)

apa kabar semuanya nih ? baek yaa hahaha
sebelumnya XC-Blog share "Biodata dan Foto Nabilah Ratna Ayu Azalia JKT48"

Gimana keren" dan imut kan fotonya hehehehe

oke sekarang XC-Blog mau share "Cara Membuat Scrollbar Keren Di Blog"

Contoh Seperti Gambar Dibawah Ini  yang dibulatkan berwarna merah :

Gimana bagus kan ? heheheh...
Oke lah kalau begitu, langsung saja ke pembahasannya ...
Pertama" kita login ke blogger , pastinya itu mah ahhaha
kemudian kalian pergi ke template lalu klik Edit HTML
kemudian Copy paste code dibawah ini tepat di atas code ]]></b:skin>

::-webkit-scrollbar {height:12px;background: #0000FF;}
::-webkit-scrollbar-thumb {background-color: #000;border:3px solid #fff;}
::-webkit-scrollbar-thumb:hover{background:royalblue;}
::-webkit-scrollbar-thumb:active{background:#0000FF;}

Kemudian Save Template / Simpan Template... ( Kalau mau biar jelas di "Partinjau" dulu, biar keliatan bisa apa kaga nya ) kalau ga bisa silahkan diulang kembali sampai bisa xD

Nah sekarang kita bahas pengertiannya ...
code berwarna merah itu untuk backgroundnya....
code berwarna biru itu untuk background kecilnya...
code berwarna ungu yaitu background kecil kalau di sentuh akan berubah warna atau yg lain...
code berwarna hijau yaitu background kecil kalau diklik akan berubah warna atau yg lain...

nah code" diatas tinggal kamu sesuaiin aja warna"nya atau tambahin code" yg lainnya :) ,...
nah gimana, keren kan... hehehe
semoga artikel "Cara membuat scrollbar keren di blog" bermanfaat untuk anda...
dan jangan lupa commentsnya ya ehhehehehe

Tweet

Postingan terkait:

Ditulis Dandi Saseno — Sunday, 23 December 2012 — 20 Comments — tutorial blog