Mengatur Kustom Warna Teks Sorot

Mengatur Kustom Warna Teks Sorot dengan CSS

Pernahkah Sobat perhatikan ketika menyorot teks pada beberapa website atau webblog, warna latar belakang teks itu terlihat unik dan sesuai skema warna situs/blog tersebut? Itu dibuat dengan menambahkan kode CSS sederhana yang disematkan pada HTML site/blog! Sobat sekalian bisa menambahkan CSS untuk site/blog, sehingga dapat mengatur kustom warna sorot (highlight) sendiri.

Demo

Berikut adalah screenshot dari kustom warna sorot dapat terlihat seperti gambar dibawah ini:

Anda bisa menciptakan efek warna yang sama dengan tema blog, menggunakan potongan CSS dibawah ini. Tambahkan di manapun untuk bisa menempatkan CSS kustom dalam platform blogging kalian.

::-moz-selection { 
background-color: #BA9EB0; 
color: #ffffff;
}

::selection {
background-color: #BA9EB0;
color: #ffffff;
}

Caranya:

Pertama masuk ke Blogger, gulir kebawah> pilih Template> Customize (Sesuaikan)>Advanced (Tingkat Lanjutan)> Add/Tambahkan CSS.

Dalam Typepad, itu di bawah Desain> Kustom CSS.

Di Tumblr, itu di bawah Customize (Sesuaikan)>Advanced (Tingkat Lanjutan)> Add/Tambahkan CSS.

Dalam hosted Wordpress itu bervariasi menurut tema.

#BA9EB0 dan #FFFFFF Itu akan memberikan kalian dengan teks warna putih, pada latar belakang warna pink. Kalian dapat megubah itu dengan warna-warna sesuai tema site/blog. Atur warna "Latar belakang" dan atur  "warna" teks untuk membedakannya.

Juga, pastikan  memilih warna dengan kontras yang baik untuk menjaga teks terbaca ketika itu disorot. Buat menjadi berwarna-warni, namun tidak membingungkan :)

Itu saja yang harus sobat lakukan! Cukup tambahkan potongan CSS, serta atur kode warna sendiri, dan kalian akan memiliki warna kustom unik untuk teks yang disorot.