Skip to content Skip to sidebar Skip to footer

Tutorial Mencantikkan Scroll Blog Bar

Tutorial cantikkan Scroll Blog Bar
Contoh

Malas nak taip panjang2, let's cekidaut.

Step 1

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


Cari code ini, sebelum tu tekan CTRL + F (untuk cari kod kat bawah ni, masukkan kod kat bawah ni ke dalam kotak find tu, then klik arrow kat situ)
]]></b:skin>


Step 2

Copy code kat bawah ni pastu letakkan sebelum code dalam step 1

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

Preview dulu sebelum save, kalau takde masalah boleh save.


*Yang berwarna BIRU        --> kaler untuk background scroll bar
*Yang berwarna KUNING --> kaler untuk scroll bar
*Kalo nak tuka kaler, sila rujuk disini HTML Color Codes
*Secara tak langsung, sume scroll yang ade dalam blog korang tu akan bertukar mengikut yang telah diedit.

2 ulasan for "Tutorial Mencantikkan Scroll Blog Bar"

  1. @Amira Uzma Yahya


    boleh..
    pergi ke layout > add a gadget > cari HTML/javascript dan paste kod kt situ...
    nt sy wt tutorial klu masih blur lg :)

    BalasPadam