Pink Transparent Star

Saturday, December 22, 2012

Tutorial :Cara mencantikkan scroll bar blog

okay , harini nak tunjukkan macam mana nak buat scroll bar seperti dalam blog ni .
WARNINGGG!! ini hanya untuk pengguna google chrome sahaja !



Step 1

Pergi dekat
Dashboard>Design>Edit html>Tick Expand Widget Templates


Cari code ini
]]></b:skin>

Step 2

Copy code kat ini dan letakkan sebelum code step 1

::-webkit-scrollbar {height:12px;width: 12px;background: #D9D9D9;}::-webkit-scrollbar-thumb {background-color: #F2F5A9;-moz-border-radius: 10px;border-radius: 10px;}

Cuba preview.. Kalau tak ada error, boleh la tekan button save.

  • Yang berwarna BIRU adalah untuk background scroll bar
  • Yang berwarna MERAH adalah untuk scroll bar
 

No comments:

Post a Comment