Monday, August 13, 2012

on 2 comments

Membuat Scroll Bar Berwarna pada Blogspot

Tau kan gimana yang dinamakan "Scroll Bar" itu. Scroll bar itu yang garis berwarna hijau di samping kanan itu tuh (liat pada gambar). Biasanya kan scroll bar di blog-blog pada umumnya kan menggunakan scroll bar bawaan OS atau browser yang kamu pakek. Tapi dengan script di bawah ini nanti, scroll bar (khusus buat) blog kamu akan berbeda dari biasanya. Langsung ke TKP aja ya.








Ikuti cara di bawah ini untuk mengubah scroll bar blog kamu (Aku memakai model blogger yang baru):
1. Login ke blogger
2. Menuju "Template" kemudian "Edit HTML"
3. Cari kode ]]></b:skin> (tekan ctrl+f untuk find)
4. Letakkan kode dibawah ini diatas kode ]]></b:skin>:

::-webkit-scrollbar {
height:8px;
width: 8px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #6DEE11;
-moz-border-radius: 7px;
border-radius: 7px;
}

-#FFFFFF Ganti kode di samping ini untuk merubah warna background scroll bar
-#6DEE11 Ganti kode di samping ini untuk merubah warna scroll bar
NB: Untuk mencari tau kode warna HTML, bisa mengklik link ini.

5. Tinggal klik "Save Template"
6. Liat hasil pekerjaan kamu kepada blog kamu :D

2 comments:

  1. keren banget min tips nya, sangat bermanfaat.

    ReplyDelete
  2. JTG Casino Resort - Las Vegas - MPR Hub
    JTG 서울특별 출장샵 Hotel & Casino 광주광역 출장안마 & Spa. 777 Casino 김천 출장샵 Center 충주 출장샵 Drive, Las Vegas, NV 원주 출장샵 89109. Phone: (702) 770-7777. Website: http://www.jtm.com/.

    ReplyDelete