CANTIK KAN SCROLL BAR [GOOGLE CHROME VERSION]
Saturday 29 December 2012 | 22:53 | 0 comments
Assalamualaikum
Hye korang. Hewhew. Hari nii eisha happy sangat-2 sebab ada juga yang sudi tinggal kan jejak diorang kat cbox eisha. Al-maklum lah eisha tak famous kat dalam bidang blog nih.. Tengok esiha dah bebel. Okeyy. Hari nihh eisha nak ajar macam mna nak nak cantik kan scrollbar untuk pengguna google chrome sahaja. Kalau yang tak guna google chrome tu tak bolehh lah buat tutorial nihh. harap maaf.
Kat sini eisha nak tunjuk kan ada dua gaya. So , korang boleh pilih lah gaya yang mana korang suka dan letak kan kat dalam blog.
Ini gaya pertama :
Kalau tak jelas just click pada gambar. Srollbar yang eisha maksud kan tu yang eisha tunjuk kan dengan anak panah warna merah tuhh.
1. Dashboard > Template > Edit Html
2. Tekan F3 then search code ini</style>
Kalau tak jumpa cari yang ini pulak
/* Header3. Then korang copy kod ni and paste kan kat ATAS kod yang korang cari tadi tuhh
::-webkit-scrollbar { width:7px; height:10px; } ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height:10px; width:2px; display:block; background:#b4defa; border:1px solid white; } ::-webkit-scrollbar-track-piece { background-color:#ffffff; } ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal { background-color:pink; border:1px solid white; }
* NOTA ! Warna kuning = warna Background scroll bar
Warna Hijau = warna Scroll bar anda.
Warna Merah tuh = warna Hujung sroll bar anda.
Warna Hijau = warna Scroll bar anda.
Warna Merah tuh = warna Hujung sroll bar anda.
Tak tahu nak cari warna kat mana? Tekan SINI
Yang ini pulak gaya yang kedua :
1. Dashboard > Template > Edit Html > Tick Expand Widget Templates
2. Takan F3 dan cari kod nihh
]]></b:skin>3. Jumpa? good. Copy code ini pulak
::-webkit-scrollbar { height:12px; width: 12px; background: #ffffff; } ::-webkit-scrollbar-thumb { background-color: #ff3399; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ffffff; }4. Then korang paste kan code nihh di ATAS kod ]]></b:skin>
Okeyy. Sekarang Jom adjust ikiut apa yang korang suka.
# warna kuning = Background scroll bar
# warna merah = Warna scroll bar anda
# warna kuning = Background scroll bar
# warna merah = Warna scroll bar anda
Kepada sesiapa yang tak tahu nak cari warna kat mana tekan SINI.
COPY = HIGHLIGHT code then tekan CTRL + C [serentak!]
COPY = HIGHLIGHT code then tekan CTRL + C [serentak!]
Yang sentiasa menghargai kedatangan kamu-2 yang baik hati.