..:: Arian-Cyber ::..

Posting lagi ahhh, O.K kali ini saya akan membahas mengenai bagaimana cara mengganti atau merubah Scrollbar yang ada di blog menjadi sedikit berbeda maksudnya tidak Standar he he.

Scrollbar adalah Suatu pengendalian untuk melihat area sebuauh dokumen atau daftar yang lebih besar dari yang dapat disimpan dalam jendela aktif. Dalam sebuah jendela dapat memiliki Horisontal Scrollbar, Vertical Scrollbar bahkan sama sekali tidak ada.

Nah sekarang tahu kan, apa itu Scrollbar, intinya yang biasanya terletak di pojok kanan dalam suatu jendela aktif. Langsung saja pembahasan ini saya mulai:


1. Seperti biasa anda login terlebih dahulu ke Dashbor blogger, bisa klik DI SINI !.
2. Setelah Login atau masuk Pilih Template dan Klik Edit HTML.
3. Silakan cari Code berikut ini "]]></b:skin>", gunakan Ctrl+F dan ketikkan Code tersebut.
4. Setelah ketemu letakkan Script berikut, dan letakkan tepat diatas Code "]]></b:skin>"

::-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);}
::-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);}

5. Silakan pertinjau terlebih dahulu sebelum simpan templatenya.

• Silakan refresh Web Browser anda lihat di pojok kanan pasti sudah ada perubahan he he.