Langsung ke konten utama

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-


Text Selection
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

Posting Komentar

Postingan populer dari blog ini

Cara Updated dan Upgrade Windows 10 ke Windows 11

Cara Update Windows 10 ke windows 11 dengan automatis tanpa harus menghilangkan data,  dengan beberapa fitur atau UI yang lebih menarik windows 11 banyak perubahan dan perbandingan dibanding windows 10.        Salah satu perbedaan yang mencolok antara Windows 11 dengan Windows 10 adalah tampilan antarmuka (UI). Windows 11 kini hadir dengan tampilan yang lebih segar dan minimalis, khususnya di bagian taskbar dan menu Start. Kini, menu-menu itu tidak lagi berada di sebelah kiri seperti yang ada di Windows 10. Microsoft menggesernya ke sisi tengah sehingga terlihat mirip dengan antarmuka MacOS. Menu Start pun juga ikut pindah ke sisi tengah. Meski begitu, beberapa item, seperti jam, koneksi, atau baterai masih berada di sisi kanan taskbar.  1. Beda tampilan antarmuka (user interface, UI) 2. Beda bentuk logo "jendela" 3. Bisa jalankan aplikasi Android 4. Widget aneka informasi 5. Integrasi dengan Teams 6. Auto HDR untuk mode game <script async src="https://p...
Posting Komentar
Baca selengkapnya

Tisp Membuat Efek Link di Blog Bertabur Bintang

Link satu ini memanglah sangat unik. Link bintang berkedip ini akan membuat link pada blog anda di sekelilingnya terdapat bintang yang berkedip. Link ini tidak asing lagi di dunia blogging. Link ini biasanya dipakai oleh para bloggers yang mempunyai template berlatar belakang gelap. Kurang lebih, seperti itulah tampilan linknya. Namun itu hanya contoh, tapi bila anda memakainya untuk dijadikan link, tampilannya akan semakin indah. Tertarik,..? bila tertarik ikuti saja tutorial dibawah ini. Eiith, tunggu dulu, saran saya sebelum memakainya ubahlah latar belakang blog kamu menjadi warna gelap, agar bintang semakin terlihat. Tapi , walaupun warna template anda tidak gelap tidak apa-apa. Walaupun anda memakai warna merah, hijau, kuning, tidak apa-apa karena link ini transparent. Jadi terserah kalian deh mau template warna apa aja, hasilnya pun sama indahnya. Langkah-Langkahnya seperti ini: 1. Seperti biasanya, anda harus...
Posting Komentar
Baca selengkapnya

Cara Membuat Animasi Teks

Cara membuat animasi Teks ataupun animasi gambar, caranya tidaklah begitu rumit, kita hanya perlu memahami mengenai  fungsi dari kode-kode yang bisa membuat object tersebut bergerak.seperti marquee, behavior,scroll amount dan lain sebagainya, hehehe..!!! Kasih tau gak yeah. Ah malah bercanda nah, dibawah ini adalah beberapa contoh animaseiTeks yang menggunakan efek marquee . untuk anda yang berminat,silahkan anda copy kodenya kemudian anda paste ke gadget html anda. untuk keterangan  lebih lanjut mengenai  fungsi dari komponen atau attribut yang bisa membuat object teks ataupun gambar tersebut bergerak, silahkan anda baca postingan saya sebelumnya. silahkan anda Teks Berjalan Bolak Balik dari Kiri Kanan Welcome To Yantosimamora Blog Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks " Wellcome To Yantosimamora Blog " Copy Kode dibawah ini dan paste ke gadget Html/javascript anda. ganti teks <marque...
Posting Komentar
Baca selengkapnya