ads

header ads

Coloring Scrollbars With CSS

Melanjutkan postingan sebelumnya tentang Membuat Scrollbar Berwarna, kali ini saya akan sharing tentang tips membuat scroll berwarna dalam postingan secara otomatis dengan menggunakan CSS (Contek Sana Sini)

Untuk membuatnya, sebenarnya relativ mudah. Kita hanya menambahkan beberapa kode di bagian CSS, dan secara otomatis setiap kita membuat scrollbar ataupun Texare di halaman psotingan akan berwarna sesuai kode warna yang kita pasang. Akan tetapi sayang beribu sayang, tips ini hanya support pada browser Internet Explorer 5.5+.

Oke. Bagi sobat yang ingin mencobanya, silahkan ikuti langkah-langkah berikut ini.

  • Masuk ke DASBOR, Klik Tata Letak, lalu EDIT HTML.

  • Cari kode ]]></b:skin>

  • Letakkan kode berikut di atasnya.


  • .body {
    scrollbar-3dlight-color:#ffd700;
    scrollbar-arrow-color:#ff0;
    scrollbar-base-color:#ff6347;
    scrollbar-darkshadow-color:#ffa500;
    scrollbar-face-color:#008080;
    scrollbar-highlight-color:#ff69b4;
    scrollbar-shadow-color:#f0f;
    }


  • Lalau disimpan


Untuk acuan mengubah kode warna, silahkan lihat gambar di bawah ini.




Walhasil, jika sobat membuka salah satu postingan blog ini tentang Memasang Simbol Emoticon di Kotak Komentar menggunakan browser Internet Explorer 5.5+, maka hasilnya akan berbeda dengan ketika sobat membuka psotingan tersebut dengan menggunakan Opera, Firefox dll.