Color Text Selection atau warna teks pada saat di blok pada postingan blog pada dasarnya yakni berwarna biru muda. Warna tersebut adalah warna standard pada semua web/blog dan bukan hanya itu, color text selection juga sering didapati pada aplikasi-aplikasi komputer yang lain seperti MS Word, Notepad dan lain sebagainya.
Nah, pada kesempatan kali ini saya akan memberikan sebuah tips/cara untuk mengganti color text selection tersebut dengan warna yang diinginkan. Langsung saja saya kasi kode CSSnya dan cara menempatkannya didalam template.
CSS
/* On Mozilla Firefox*/
::-moz-selection {
background-color: #b80000;
color: #fff;
}
/* On Safari Safari or Chrome */
::selection {
background-color: #b80000;
color: #fff;
}
Keterangan :
Kode warna HTML yang saya beri tanda dengan warna merah merupakan warna background pada saat di blok dan warna biru merupakan warna text pada saat diblok. Silahkan ganti sesuai dengan keinginan.
Cara Memasukkan ke dalam Template
Copy kode di atas kemudian pastekan tepat di atas tag ]]></b:skin> kemudian lanjutkan dengan mengklik tombol Save / Simpan.
Semoga bermanfaat dan salam bloggers...!!!
Artikel Terkait Blog Design ,it
- Rahasia Facebook
- Cara Membuat Template Blog / Website Valid HTML5
- Cara Memasang Feedburner Counter Reader [FeedCount] Pada Blog
- Cara Mendaftarkan Blog / Website di Google Feedburner
- Cara Mudah Membuat Semua Link Terbuka Pada Tab Baru [Open New Tab Terget]
- Cinemagraphs, Aliran Fotografi Animasi
- Top 10 [Ten] Widgets For Blogger
- Text Efek Keyboard Dengan CSS3 Pada Blog
- Cara Membuat Peringatan Saat Blog Dalam Perbaikan
- Cara Mengganti Warna Text Selection Pada Blog
- CSS Buttons With Transitional Hover Untuk Blogger
- Floating Social Bookmark Vertical Untuk Blogger
- 5 Efek Foto Menggunakan jQuery & CSS pada Blog
- Redirect Halaman Error 404 [Page Not Found] Ke Homepage
- Cara Membuat Tombol Keren [Cool Button] untuk Blogger
- Cara Membuat Mega Menu Drop Down Menu For Blogger
- Cara Menambahkan Gambar di Depan Judul Postingan Blog
- Costumize / Modifikasi Label Blogspot Dengan CSS
- Cara Mengganti Bullet List Pada Postingan Agar Lebih Menarik
- Cara Menampilkan Widget Pada Halaman Tertentu Blogspot
No comments:
Post a Comment