Posted by : Uchiha Tobi 29 Jan 2012

Sobat blogger.. kali ini aku punya trik yang tidak kalah menarik dengan blogging tutorial sebelumnya.  Kali ini akan 'Membuat Scroll Bar Blog Berbeda' ,   sudah tahu kan apa itu scroll ? ScrollBar adalah sebuah kontrol penggulung yang terdapat di sisi suatu jendela.  Macam dari ScrollBar sendiri ada 2, horizontal scrollbar dan vertical scrollbar.  Fungsinya  untuk menggulung teks pada layar atau mengubah nilai sebuah kontrol.

      Kali ini kita akan mengubah scrollbar di blog atau juga bisa dibilang scrollbar dari browser.  Untuk lebih jelas nya lihat scrollbar berwarna biru pada screenshot disamping ~>


       Bagaimana sobat ?  Tertarik menggunakan trik ini untuk memperindah blog kalian ?  Kalau iya langsung ikuti langkah - langkah berikut ini :
Login ke Blogger
Klik Design > Edit HTML
Pasang kode berikut di atas kode ]]></b:skin>

::-webkit-scrollbar {
height:15px;
width: 15px;
background: #e6e6fa;
}
::-webkit-scrollbar-thumb {
background-color: #1F61DB;
-moz-border-radius: 12px;
border-radius: 12px;
}

 #e6e6fa ganti kode warna itu untuk mengganti warna background scrollbar
 #1F61DB ganti kode warna itu untuk mengganti warna scrollbar
Klik 'Save Template'
Terakhir kasih komentar pada postingan ini jika berhasil dan kalau berkenan difollow yakk ! :D

{ 1 komentar... read them below or add one }

  1. thank gan Oce??

    udh ngefollow blog ku blum?
    Gw dah ngefollow blog kmu !

    Gw dah nge comment 1 artikel kamu , kamu comment back yah .
    KE > http://riedz-death-note.blogspot.com/

    BalasHapus

Translate

Popular Post

Blog Archive

- Copyright © Uchiha-Zone -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -