Selasa, 22 Oktober 2013

Merubah tampilan Scrollbar di Blog



merubah tampilan scrollbar pada blog

Ada banyak cara yang dapat anda lakukan untuk mempercantik tampilan Blog anda, mungkin salah satu cara yang harus anda coba adalah dengan merubah tampilan scroll bar pada Blog anda menjadi warna-warna yang menarik.
Ok langsung saja, langkah-langkah merubah tampilan scrollbar pada Blog:
  • Login.
  • Pilih menu "Template".
  • Klik "Edit/HTML".
  • Centang "Expand Template Widget".
  • Cari kode ]]></b:skin>.
  • Sekarang copy kode yang ada dibawah, dan letakkan diatas kode ]]></b:skin>.
/* Scrollbar
----------------------------------------------- */
::-webkit-scrollbar {
    height:15px;
    width: 15px;
}
::-webkit-scrollbar-track {
     background: gray;
}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:window-inactive {
    background: gray;
    border: 2px solid blue;
}
Keterangan: silakan anda ganti kode yang berwarna merah sesuai dengan kode warna yang ingin anda gunakan.
  • Jika sudah klik "Simpan".

Gimana mudah kan?

Sekian tutorial dari saya mengenai cara merubah tampilan scrollbar pada Blog.

Semoga bermanfaat.

Keterangan: kode ini hanya berlaku untuk google chrome