phijenk. Diberdayakan oleh Blogger.
Home » » Cara mempercantik Scroll Bar di Blog

Cara mempercantik Scroll Bar di Blog

Scroll Bar
Jika anda ingin mempunyai Scroll bar yang 'Keren'. Cobalah dengan kode CSS , Berikut ini langkah langkahnya


  1. Login Blogger > Template > Edit HTML
  2. Cari kata ]]></b:skin>
  3. Salin kode berikut Diatas kata ]]></b:skin>

::-webkit-scrollbar {height:12px;width: 12px;background: #00A000;}
::-webkit-scrollbar-thumb {background-color: #A52A2A;-moz-border-radius: 10px;border-radius: 10px;}
NOTE ! Ada beberapa hal yang perlu di ketahui !
  • #00A000 adalah background dari scroll bar. Dalam kode background adalah warna hijau
  • #A52A2A adalah background dari inti scroll bar. Dalam kode background adalah warna merah
  • angka 10 adalah border radius semakin besar angkanya semakin membuatnya menjadi bulat begitu juga sebaliknya (jika salah satunya diganti, maka ganti juga yang lainya)
  • angka 12 adalah lebar
Buatlah menjadi yang anda mau. Semoga berhasil

0 komentar:

Posting Komentar

-Aturan Komentar :

* Berkomentarlah dengan sopan, komentar yang tidak sopan akan segera dihapus
* Semua Komentar Diperhatikan oleh Author
* Dilarang mengejek/menghina/merendahkan Blog/Web orang lain
* Meninggalkan URL Blog/Web tidak dilarang
* Jangan Pelit Komentar
* Komentarlah sebelum Komentar itu dilarang