Selasa, 18 April 2017

Cara Mengganti Background Text Saat Diseleksi

Halo sobat, kembali lagi dengan tutorial blogging. Kali ini saya akan membagikan sebuah tutorial sederhana bagaimana cara mengganti background pada text yang sedang diseleksi. Text yang menggunakan background pada saat diseleksi memang cukup banyak diminati. Biasanya cara ini dilakukan untuk membuat sebuah blog ataupun website terlihat lebih profesional.

Cara Mengganti Background Text Saat Diseleksi

Untuk membuat atau memunculkan efek background pada text yang sedang diseleksi memang bukan hal yang sulit. anda hanya perlu menerapkan kode css sederhana untuk membuatnya. Dan berikut kode css:

::selection {background:#000;color:#FFF;}
::-moz-selection {background:#000;color:#FFF;}
::-webkit-selection {background:#000;color:#FFF;}

 Untuk pengguna blogger anda bisa menyalin kode css diatas lalu simpan kedalam template blog seperti biasanya. atau detailnya anda bisa meletakkannya diantara <style type='text/css'>disini</style>. Tapi sebelumnya, silahkan kostumisasi background dan warna font saat diseleksi, seperti yang sudah saya beri tanda.

#000 = Merupakan warna background text saat diseleksi (Hitam)
#FFF= Merupakan warna font text saat diseleksi (Putih)

Jika sudah, silahkan simpan dan lihat hasilnya. Demo
Demikian tutorial sederhana yang bisa saya bagikan. semoga bermanfaat.

Lorem ipsum dolor sit amet, mea prompta intellegam in, mutat doming apeirian pro an. Solum explicari vix te. Et dicant aperiri consequat usu, utamur diceret postulant sit cu.

Silahkan berikan komentar anda sesuai dengan postingan diatas.
EmoticonEmoticon