Cara Memodifikasi Scrollbar pada Tampilan Blog

Tips & Trik Blogger - Amar's World

Assalamualaikum, hello guys, kali ini saya akan kasih tutorial untuk memodifikasi tampilan scrollbar pada blog kalian.

Scrollbar Design

Scrollbar adalah alat penggeser yang digunakan untuk melihat bagian bawah suatu blog atau situs web. Tuh contohnya seperti gambar di atas. Langsung saja di bawah ini tutorialnya ya.

1. Copy script di bawah ini dan paste script tersebut di atas kode ]]></b:skin>

/* Scrollbar */
::-webkit-scrollbar {
width: 8px; background: #FFF;
}
::-webkit-scrollbar-thumb {
background-color: #FF761C;
border-bottom: 5px solid #e2600b;
}

2. Klik Simpan Tema

Keterangan :

*jika kesusahan cari kode ]]> nya, kalian bisa tekan CTRL + F lalu ketik apa yang ingin dicari (kode ]]>) agar langsung bisa ketemu.

*width adalah ketebalan dari scrollbar tsb.
*background diisi kode warna keseluruhan sesuai selera.
*background-color diisi kode warna thumb scrollbar tsb.
*border-bottom adalah garis bagian bawah pada thumb scrollbar.

Demikian dari saya, wassalamualaikum.
Semoga bermanfaat ya.

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: