Jun 18, 2013

Merubah Warna Text Selection dengan CSS


Bosan dengan warna text selection yang berwarna biru? Warna biru itu terlalu kuno, coba dengan warna lain yang lebih menarik. Bisa warna pink, biru, abu-abu, sesuai kesukaan anda. Nah, cara mengganti warna text selection, saya menggunakan trik CSS. Disini saya menggunakan atribut ::selection.  Hampir semua browser compatible dengan atribut selection. Berikut ini merupakan browser yang support dengan ::selection.

Oke, disini hanya ada satu langkah untuk mengubah warna text selection. Yaitu anda hanya perlu menambahkan kode css ke bagian template blog anda. Bagaimana caranya?

1. Login ke akun Blogger.
2. Masuk ke Template > Edit HTML
3. Cari kode ]]></b:skin>. Taruh kode dibawah ini tepat diatas kode ]]></b:skin>.
/* Text Selection - BFS
------------------------------------------------------------ */
::-moz-selection {
    background-color: #dd2020;
    color: #fff;
}

::selection {
    background-color: #dd2020;
    color: #fff;
}

4. Klik Save Template

Customization

  • Pada garis keempat terdapat kode #dd2020. Ganti kode #dd2020 dengan kode warna text selection.
  • Begitu juga dengan garis kesembilan. Kode pada garis keempat dan kesembilan harus sama! 

Caranya sangat simpel! Mungkin warna text selection-nya lebih bagus jika warnanya masuk/matching dengan tema warna blog anda. Saya mengucapkan terima kasih! Kalau ada masalah, silahkan tanya di kotak komentar.

Catatan :
• Komentar harus sopan dan menggunakan Bahasa Indonesia yang jelas.
• Komentar yang tidak layak akan dihapus langsung.
• Apabila anda butuh jawaban dari saya dengan lebih cepat, maka klik Subscribe by Email agar pertanyaan anda langsung masuk ke email saya.
• Jangan mengiklankan sesuatu di komentar ini.

Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar.

Related Posts Plugin for WordPress, Blogger...
Copyright 2013 UrbanTheme. Designed by Themebite. Powered by Blogger.