Tutorial : Scrollbar with Background Image
Assalamualaikum and annyeonghaseyo. Hai hai. Ni dah masuk post yang keberapa entah. Tak ingat. LOL. Okay lah, tuto kali ni dirah nak ajar something yang sangat simple, bak makan kacang goreng. Keke. Tuto mengenai scrollbar yg ada background. Faham tak? Tak faham. Takpe. Tngk contoh kt bwh ni.
Template Designer
1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + f dan cari code /* Header
Template Classic / Blogskin
1. Dashboard > Template
2. Tekan Ctrl + f dan cari code </style>
3. Copy code di bawah ni
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
::-webkit-scrollbar-track-piece { background: #FFFFFF; }
::-webkit-scrollbar-thumb { border-radius: 1px; height: 50px;
background-image: url(URLIMG); }
::-webkit-scrollbar-thumb:hover { background-color: #eee; }
4. For template designer paste di atas code /* Header
5. For template classic paste di atas code </style>
6. Preview & save
Kuning : width & height. Bole adjust.
Purple : URL background
kalo kowg dah ade yg ::-webkit-scrollbar { tuh..kowg paste jer..buang lah anak II die..phm ? Any question..Ask me..
Labels: tuto
Tutorial : Scrollbar with Background Image
Assalamualaikum and annyeonghaseyo. Hai hai. Ni dah masuk post yang keberapa entah. Tak ingat. LOL. Okay lah, tuto kali ni dirah nak ajar something yang sangat simple, bak makan kacang goreng. Keke. Tuto mengenai scrollbar yg ada background. Faham tak? Tak faham. Takpe. Tngk contoh kt bwh ni.
Template Designer
1. Dashboard > Design > Edit HTML
2. Tekan Ctrl + f dan cari code /* Header
Template Classic / Blogskin
1. Dashboard > Template
2. Tekan Ctrl + f dan cari code </style>
3. Copy code di bawah ni
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
::-webkit-scrollbar-track-piece { background: #FFFFFF; }
::-webkit-scrollbar-thumb { border-radius: 1px; height: 50px;
background-image: url(URLIMG); }
::-webkit-scrollbar-thumb:hover { background-color: #eee; }
4. For template designer paste di atas code /* Header
5. For template classic paste di atas code </style>
6. Preview & save
Kuning : width & height. Bole adjust.
Purple : URL background
kalo kowg dah ade yg ::-webkit-scrollbar { tuh..kowg paste jer..buang lah anak II die..phm ? Any question..Ask me..
Labels: tuto
|