Cara membuat Scroll Bar keren pada blogspot
Cara membuat Scroll Bar keren pada blogspot.
Halo sobat blogger. Kali ini saya mau berbagi tutorial mengenan Cara memasang Scroll Bar keren pada blogspot. Apa sih itu scroll bar? Scroll bar kalo artian saya yaitu seperti tombol yang berfungsi untuk menaik nurunkan suatu suatu layar pada komputer kalian. Namun fungsi tombol tersebut biasanya berdesainkan default dari windowsnya ketika kalian membuka suatu web. Nah pada kali ini saya akan memberikan triknya agar scroll barnya bisa kita desain (Bewarna gitu deh hahaha =)) ).
Masih bingung apa itu Scroll Bar ?? -__-. Nih saya kasih gambarnya
SONZBLOG ScrollBar |
Oke lanjut ke cara pasang:
1. Login ke akun Blogger kalian.
2. Pilih Tab menu Template.
3. Klik menu Edit HTML.
4. Cari code </b:skin> , Lalu pastekan code dibawah ini tepat diatas code </b:skin>
::-webkit-scrollbar {height:12px;background: #DEDEDE;}5. Silahkan edit pada code bewarna biru. Ganti dengan code warna modifikasi kalian.
::-webkit-scrollbar-thumb {background-color: #8A2A2A;border:3px solid #FFFFFF;}
::-webkit-scrollbar-thumb:hover{background: #AC0202;}
::-webkit-scrollbar-thumb:active{background: #BC0404;}
6. Simpan.
Silahkan dicoba dan selamat berkreasi. Semoga berhasil yaaa ^_^
tutornya bagus nih mas, mudah dipahami.. tapi bingung, footer dan sidebar saya, sedikit isinya... nggak terlalu banyak
ReplyDeleterada bingung saya mas..
ReplyDeleteIya Mas, saya juga rada bingung...saya pingin bikin widget daftar blogrol tetapi dengan scroll..itu gimana ya
ReplyDeletethanks gan bermanfaat banget (h)
ReplyDelete(h)
ReplyDeleteikut menyimak gan
ReplyDeletewah keren banget nih gan.. nice info..
ReplyDeleteSaya Lebih Suka Ga pake Border, Kunjung Balik ke Blog saya, saya komentar dengan Url
ReplyDeleteini sangat bermanfaat, terutama utk pasang kode script di postingan blog, dengan memasang scroll blog kita terlihat lebih rapi,
ReplyDeleteinfo yang bermanfaat
ReplyDeletePaduan blogger pemula http://go.idcheat.com/1WWhHLA
Agak bingung dikit. Jika ada waktu kunjungi blog saya. ( Saya komentar dengan URL )
ReplyDelete