Cara Membuat Scroll Bar Keren Pada Blogspot

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Anti Pelit, July 21, 2014

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;}
::-webkit-scrollbar-thumb {background-color: #8A2A2A;border:3px solid #FFFFFF;}
::-webkit-scrollbar-thumb:hover{background: #AC0202;}
::-webkit-scrollbar-thumb:active{background: #BC0404;}

5. Silahkan edit pada code bewarna biru. Ganti dengan code warna modifikasi kalian.
6. Simpan.

Silahkan dicoba dan selamat berkreasi.

Semoga tutorial singkat ini bisa bermanfaat...

Anti Pelit


                                 **Bebas Disunting Dengan Menyebutkan Sumber**

22.12 Share: