Social Icons

Saturday, June 29, 2013

cara Mengganti Warna Block Teks (Teks Seleksi)



Teks seleksi atau lebih sering disebut block teks merupakan bagian teks yang kita seleksi (block) bila kita ingin mencopy suatu artikel. Secara default warna teks yang diblock ini berwarna biru muda dengan warna teks putih. Jika kita memiliki template yang tidak cocok dengan warna tersebut daningin mengganti warnanya, caranya cukup mudah. Berikut ini adalah caranya.
  • Masuk ke Dashboard blog anda
  • Masuk ke Template
  • Pilih Edit HTML
  • Centang Expand Template Widget
  • Masukan kode berikut di atas kode ]]></b:skin>
::selection {background:#FF0000;color:#FFFFFF;}
::-moz-selection {background:#FF0000;color:#FFFFFF;}
::-webkit-selection {background:#FF0000;color:#FFFFFF;} 

  • Terakhir Save
Untuk kode yang berwarna HIJAU adalah kode warna background ketika teks di seleksi (Block).
Untuk kode yang berwarna BIRU adalah kode warna teks ketika teks di seleksi (Block).
Silakan ganti kedua kode tersebut dengan kode warna yang kalian inginkan.

Dibeberapa template yang saya coba dengan menerapkan kode css diatas berjalan dengan baik, tapi sebagian template tidak berjalan sesuai keinginan, jika hal itu terjadi, gunakanlah kode css dibawah ini dan letakan diatas kode </head>, perbedaannya hanya harus menambahkan kode keterangan diantara kode css tersebut sehingga menjadi seperti ini :

<style type='text/css'>
::selection {background:#FF0000;color:#FFFFFF;}
::-moz-selection {background:#FF0000;color:#FFFFFF;}
::-webkit-selection {background:#FF0000;color:#FFFFFF;}
</style>
Kemudian Save dan lihat hasilnya. Sekian artikel tentang Cara Mengganti Warna Block Teks (Teks Seleksi)Semoga bermanfaat. Maaf jika ada kekurangan. Saya hanyalah seorang Blogger newbie yang masih harus banyak belajar tentang blogging.

No comments:

Post a Comment