Cara Mengubah Warna Pada Teks/Tulisan Yang Di Blok

Cara Mengubah Warna Pada Teks/Tulisan Yang Di Blok (Text Selection) kali ini saya akan berikan sedikit membuat variasi pada blog ketika di blog akan warna yang sedikit menarik dari yang biasanya kita lihat putih.
-kembali ke laptop-

Pada dasarnya, setiap browser ketika pemilik memblok teks/tulisan pada suatu blog/website menggunakan warna biru pada background dan warna putih pada teks/tulisan atau bahasa ~~luna~~ maya-nya "text selection". Namun, kita dapat mengubah/modifikasinya sedikit dengan mengubahnya dengan warna lain baik background maupun teks/tulisannya. Caranya adalah dengan dibantunya CSS3, yaitu ::selection. kode ini didukung oleh semua browser kecuali Internet Explorer, padahal browser tersebut dibuat. Untuk Mozilla Firefox perlu ditambahkan -moz- sebagai notifikasi agar dapat dibaca/dikenali oleh browser tersebut. Sebagai contoh dibawah ini.

::selection{color:#ff0000;}
::-moz-selection{color:#ff0000;}

Nah, terakhir adalah cara pemasangannya. check it..

Bagaimana cara mengubah warna text selection?

Bagaimana cara memasangnya? untuk cara pembuatannya silahkan simak & terapkan tutorial dibawah ini.

Berikut langkah-langkahnya:

1. Pastikan anda sudah login ke akun Blogger anda.

2. Masuk ke halaman Rancangan dan klik Edit HTML.

3. Cari kode ]]></b:skin> dan letakan kode berikut tepat dibawah kode tersebut.

::selection {background:#FF0000;color:#FFFFFF}
::-moz-selection {background:#FF0000;color:#FFFFFF}
::-webkit-selection {background:#FF0000;color:#FFFFFF}

4. Finally, Save Template. Done!

Note:
1. Kode yang berwarna merah adalah kode warna/hex color sebagai background. Silahkan ganti sesuai selera.
2. Kode yang berwarna biru adalah kode warna/hex color sebagai warna teks. Silahkan ganti sesuai selera.
Untuk membuat kode warna, silahkan rujuk: Hex Color Generator V4.

PENTING UNTUK DIBACA!!

Pada blog ini, saya menerapkan tutor tersebut berjalan dengan baik. Namun dibeberapa template biasanya tidak berjalan dengan baik.
So, jika hal itu terjadi pada blog anda, saya sarankan untuk mempergunakan kode css dibawah ini dan letakan diatas kode </head>, perbedaanya anda hanya harus menambahkan kode <style type='text/css'>...</style> diantara kode CSS tersebut sehingga menjadi seperti dibawah ini:

<style type='text/css'>
::selection {background:#FF0000;color:#FFFFFF}
::-moz-selection {background:#FF0000;color:#FFFFFF}
::-webkit-selection {background:#FF0000;color:#FFFFFF}
</style>

Nah, dan seperti biasa, silahkan ubah kode warna (hex color) diatas.

sumber: http://anvity.blogspot.com

Komentar

Postingan populer dari blog ini

3 Hal dari Wanita yang Sulit Ditolak Pria

Catat baik-baik, siapa tahu bisa jadi senjata untuk meluluhkan hati si dia. Sedang mengincar seorang pria dan belum berhasil mendapatkan perhatiannya? Jangan menyerah begitu saja. Ada tiga "senjata" yang bisa Anda keluarkan. Sebuah situs hubungan, relationshipheadquarters.net , mengungkap sikap wanita yang sulit sekali sekali diabaikan pria. Segera catat baik-baik, siapa tahu berhasil meluluhkan hati pria incaran. 1. Senyuman manis Kekuatan senyuman lebih besar yang Anda bayangkan. Bagi pria, lebih mudah mendekati seorang wanita yang terlihat suka tersenyum manis. Senyum juga menggambarkan sikap percaya diri, kehangatan dan pribadi yang menyenangkan. Namun, karena banyak wanita yang mengganggap kalau senyum bisa menimbulkan kesan yang salah, lalu senyuman jadi terlalu dijaga. Jadi, saat ada si dia, jangan ragu untuk melemparkan senyuman terbaik Anda. Tersenyum juga bisa jadi tanda penerimaan. Pria sering memerlukan sinyal kalau mereka bi...

Baca selengkapnya

Operasi File Sederhana dengan VB.NET

Ada kalanya kita perlu melakukan operasi file sederhana dalam program yang kita buat. Adapun yang saya maksud operasi file sederhana di sini adalah membuat file, memindahkan file, menyalin file, menghapus file dan memeriksa keberadaan file. Jika kita menggunakan VB.Net, maka untuk melakukan operasi-operasi file sederhana tersebut cukup menggunakan beberapa method yang ada di class File, semuanya sangat mudah untuk digunakan dan sudah disediakan oleh VB.NET. Berikut ini adalah contoh penggunaan method-method tersebut dan penjelasan singkatnya: Membuat file dengan method File.Create File.Create ("C:\Folder Saya\Tes.txt") Perintah di atas akan membuat sebuah file bernama “Tes.txt” di folder “Folder Saya” pada drive C. Jika file tersebut sudah ada maka file yang ada akan ditimpa dengan file baru, namun jika drive C atau folder “Folder Saya” tidak ada (tidak dapat diakses) maka akan tampil eror “ The filename, directory name, or volume label synt...

Baca selengkapnya

New 7 Wonder in the Word 2012

1. Jeju Island di South Korea Gambar: Waves crashing on Jeju seashore. (Sumber:Wikipedia) Early history Cheonjiyeon Waterfall in Jeju Island. Waves crashing on the coast of Jeju. Mount Halla in Jeju. Cheonjiyeon Waterfall in Jeju. According to legend, three demi-gods emerged from Samsung hyeol is said to have been on the northern slope of Mt. Halla and became the ancestors of Jeju people who founded the Kingdom of Tamna. It has also been stated that the three brothers including Ko-hu who Koulla 15 offspring, one of the ancestors of Jeju people, were received by the court upon which the Tamna Silla officially recognized name, while the official government posts of Commander, Prince and Governor of the given by a court of three. However, there is no concrete evidence of when the "Three Names" (Samseong-Ko, Yang and Pu) appeared nor to the exact date of when Ko-hu and his broth...

Baca selengkapnya

Cari Blog Ini