Tutorial Tukar Scroll Bar

by - June 25, 2011

Hari ini saya hendak berkongsi satu tutorial iaitu Tutorial menukar scroll bar anda kepada image yang lebih cantik ! Ramai blogger di luar sana sudah tukar scroll bar di blog mereka :] Jadi anda apa tunggu lagi !

Apa itu scrollbar? Jom kita tengok gambar di bawah.
Scroll bar ialah garis bar yang ada di sebelah kanan dan bawah.



RUPA SCROLLBAR SEBELUM DICANTIKKAN


WAJAH BARU SCROLLBAR


WARNING : TUTORIAL INI HANYA UNTUK PENGGUNA CHROME DAN ORANG YANG MENGGUNAKAN TEMPLATE DENIM SAHAJA !


Login Dashboard>>Design>>Edit HTML>>Tick Expand Widget Template

Cari KOD di bawah. Tekan CTRL + F Serentak untuk memudahkan pencarian.


Copy kod di bawah. Tekan CTRL + C.
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}


Dan pastekan di atas kod ]]></b:skin> !

Ayat yang di bold di bawah bermakna boleh ditukar :]

background: #D9D9D9;
background-color: #F2F5A9;

Tukar HTML COLOR CODE di atas dengan warna kegemaran anda ye ! dapatkan sumber HTML COLOR CODE di SINI :}

Jika ada sebarang masalah? Sila inform di ruangan komen, InsyAllah saya akan bantu anda selesaikan !

You May Also Like

33 comments