Home » , » Cara Mengganti Tampilan Scroll Bar Di Blog

Cara Mengganti Tampilan Scroll Bar Di Blog

Posted by Ampas Kopi on Sunday, July 21, 2013


Cara Mengganti Tampilan Scroll Bar Di BlogPrima Share - Haloooo...!!!! Masih kuat kan puasanya ?? hehehe ....
Kali ini kita akan membahas tentang Cara Mengganti Tampilan Scroll Bar Di Blog. Apa itu Scroll Bar ?? Kata Wikipedia, Scroll Bar itu ... A scrollbar is an object in a graphical user interface (GUI) with which continuous text, pictures or anything else can be scrolled. Biasanya scroll bar bentuknya hanya itu-itu aja tetapi dengan sedikit kode CSS, scroll bar di blog-mu akan menjadi keren deh! Penasaran kan ?? Ikuti tutorial berikut ...

1. Log-in Blogger
2. Masuk ke Dashboard >> Template >> Edit HTML
3. Cari kode ]]></b:skin>
4. Letakan kode CSS berikut diatas kode ]]></b:skin>

::-webkit-scrollbar {height:12px;width: 12px;background: #00A000;}
::-webkit-scrollbar-thumb {background-color: #A52A2A;-moz-border-radius: 10px;border-radius: 10px;}

*Ganti kode yang berwarna merah dengan warna yang kamu inginkan. Untuk mengetahui kode dari warna yang kamu inginkan, langsung aja ke HTML Hex Colour Picker

5. Simpan template

Keren kan ?? hehehe .....
Sekian artikel tentang Cara Mengganti Tampilan Scroll Bar Di Blog semoga bermanfaat ...


2 komentar:

Tips SEO dan Blogger said...

keren gan.. thanks atas tutorialnya

kunjungi balik ya.. http://yhsblogger.blogspot.com

ryano93 said...

keren gan
kunjungan dari Ikubaru Blogzia
:D

Post a Comment

-Berkomentarlah dengan sopan dan di larang menyisipkan link aktif