Monday 3 June 2013

Tutorial : Cara Mengubah tampilan Scroll Bar

Kamu tau kan scroll bar itu apa? Contoh nya seperti gambar di bawah ini

tampilan scroll bar

Scroll bar warna pink, Imut kan? kamu juga bisa ubah warna scroll bar beserta background-nya~! Langsung aja yuk kita praktekkin.
PERHATIAN~!!
Tutorial ini hanya berfungsi bagi pengguna GOOGLE CHROME saja.

1. Login blogger > Dashboard > Design > Template > Edit Html > Tick Expand Widget Template

2. Tekan Ctrl + F pada keyboard, cari kode ini
]]></b:skin>
 3. Sudah ketemu? Good~ Lalu, copy paste kan kode idi bawah ini DI ATAS kode tadi
::-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; }
** Warna merah : background scroll bar, bisa kamu ganti dengan kode warna html kesukaan-mu ^^
   Warna pink : scroll bar, bisa kamu ganti dengan kode warna html kesukaan-mu ^^
    Warna ungu : border scroll bar, bisa kamu ganti dengan kode warna html kesukaan-mu ^^
5. Klik "Save"

Berhasil~? Selamat yaaaaa~~

Cr : Lyssa Faizureen

3 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.