Senin, 30 September 2013

Mengganti ScrollBar Layar Blog

Mengganti ScrollBar Layar Blog - Pada panduan kali ini yaitu merubah tampilan blog agar lebih cantik, salah satunya dengan mengganti scrollbar layar blog. Sudah tahu bukan apa itu ScrollBar? Itu loh garis tepi sebelah kanan yang berfungsi untuk menggulung layar keatas atau kebawah, jika kita scroll layar menggunakan mouse maka scrollbar ini akan naik turun atau untuk lebih ringkasnya seperti pada tampilan gambar berikut ini

Mengganti ScrollBar Layar Blog

Jika melihat tampilan pada gambar diatas, saya yakin Anda sudah mengetahuinya dan cukup mudah sebenarnya dalam mengganti scrollbar layar blog ini, cukup dengan memasukkan kode berikut pada template blog Anda
Silahkan salin kode berikut ini

::-webkit-scrollbar {width:8px;height:8px;}
::-webkit-scrollbar-track {background:#FFF;-webkit-box-shadow:inset 1px 1px 2px #E0E0E0;border:1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background:#99CC00;-webkit-box-shadow:inset 1px 1px 2px rgba(155,155,155,0.4);}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 10px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:active {background:#888;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3);}
Salin kode diatas sebelum ]]></b:skin>

Ingat, setelah Anda memasukkan kode scrollbar diatas maka secara otomatis scrollbar layar blog akan berganti dan hal ini tidak hanya mengganti scrollbar yang ada di tepi kanan layar tapi semua scrollbar yang ada di blog Anda akan berganti

Okey, jika ada yang perlu dipertanyakan mari-mari berkomentar untuk artikel ini, Mengganti ScrollBar Layar Blog

Mengganti ScrollBar Layar Blog Rating: 4.5 Diposkan Oleh: ana sriwahyuni

5 komentar:

  1. sepertinya menarik juga ya ada scroll nya di blog kita. jadi blog nya akan terlihat elegnce ya buk hehe :)

    BalasHapus
    Balasan
    1. iya mbak Wahyu,semakin terlihat dinamis juga :)

      Hapus
  2. saya sedikit mengalami kesulitan waktu copas,di atas skin, karena setelah itu masih error juga, mohon penjelasannya ya, bisa kunjungi saya di www.jayaelisabet.blogspot.com

    BalasHapus
  3. saya sudha lihta blognya, errornya dimana?

    BalasHapus
  4. cara mengganti warnanya gimana ya ??

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia