Cara Mengganti Scrollbar Blog Supaya Lebih Keren

agF | Blog Trik dan Tips - Lagi-lagi tentang blog, admin posting artikel ini kepada semua sobat biar pada tau Cara Mengganti Scrollbar Blog Supaya Lebih Keren dari biasanya. Sebenarnya langkah-langkah dalam mengganti scrollbar itu sangat mudah dan praktis sekali, karena kita hanya menambahkan sedikit kode ke dalam blog yang kita kelola. Sebelum ke topik pembahasan, sobat tau apa itu scrollbar ? Scrollbar adalah penggulung halaman supaya halaman dapat dilihat dalam satu layar baik secara horizontal atau arah kiri dan kanan maupun secara vertikal atau arah bawah dan atas. Untuk para pakar blog, edit-edit tampilan seperti ini adalah hal yang sudah biasa dilakukan selain kita merasa scrollbar blog menjadi lebih keren juga membuat visitor atau pengunjung menjadi  betah..

Oke, yang mau ganti scrollbar blognya silahkan perhatikan tutorial berikut !

  • Sign in ke akun blogger sobat, lalu masuk ke halaman Template
  • Sebelum Edit Template, ada baiknya untuk backup dulu template blog. Setelah itu, klik tombol Edit HTML.
  • Cari kode berikut ]]></b:skin>. Biar gampang, tekan CTRL+F
  • Jika kode tadi sudah ketemu, copy dan paste kan kode berikut ini tepat diatas kode ]]></b:skin>
::-webkit-scrollbar{width:6px;background:#000000} ::-webkit-scrollbar-thumb{background-color:#ffffff;border-radius:5px}
  •  Lalu Simpan template, nah coba buka blog sobat..!

Catatan:
  1. Kode yang berwarna pink merupakan lebar dari scrollbar
  2. Kode yang berwarna biru merupakan warna background scrollbar
  3. Kode yang berwarna merah merupakan warna scrollbar
  4. Kode yang berwarna ungu merupakan ketumpulan ujung scrollbar

Screenshot
  • Tampilan pada chrome sebelum scrollbar diganti
Sebelum scrollbar diganti

  • Setelah scrollbar diganti
Setelah scrollbar diganti



1 komentar:

Tulis komentar
Irma Yunia
AUTHOR
27 Mei 2015 08.04 hapus

nice post gan, terimakasih, kunjung balik ya :)
http://goo.gl/hSnIaa

Balas
avatar

KonversiKonversi EmoticonEmoticon