Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat text berubah warna saat di klik di blogger
Info: Okay jika kamu sudah penasaran degan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama
Disclaimer
Sebelum saya benar benar membahas mengenai bagaimana caranya membuat text berubah warna ketika diklik, saya akan memberikan disclaimer dulu bahwa setiap artikel yang kami tuliskan disini adalah murni tulisan admin, jadi jika kamu ingin mengcopy paste harap sertakan link sumber oke
Ketika kamu sedang membaca artikel disini kemudian ada penjelasan yang tidak kamu pahami kamu bisa menyampaikannya dikolom komentar oke agar admin bisa memperbaiki penulisan didalam artikel ini
Peringatan: Artikel ini khusus untuk orang yang paham aja, atau orang yang sedang memerlukan artikel seperti ini untuk pengetahuannya, bagi kamu yang tidak paham sama sekali menjauh aja karena mungkin disini mungkin bukan tempat kamu untuk mendapatkan informasi
Change of Color
Mode ataupun fitur yang satu ini admin bernama change of Color the text yang mana saat kamu mengklik suatu text maka text tersebut akan berubah warna secara otomatis
Tanpa Javascript
Metode mengubah warna text ketika diklik hanya dibuat menggunakan kode CSS saja, dan tidak menggunakan kode javascript untuk mengubah warna text tersebut ketika diklik
Contoh Tampilan
Jik kamu penasaran bagaimana contoh tampilan dari ketika warna text berubah warna saat diklik, kamu bisa menggunakan tombol dibawah ini untuk langsung melihatnya
Cara membuat
Baiklah sobat icloudZer sekarang saatnya admin bakalan memberikan informasi bagaimana caranya membuat warna text berubah saat diklik, harap disimak dan dipelajari artikel ini hingga selesai oke
Kode CSS
Langkah pertama yang bisa kamu lakukan untuk mengubah warna text saat diklik kamu bisa menyalin kode CSS dibawah ini kemudian kamu bisa meletakkannya diatas kode ]]></b:skin>
.rahcolor-change{
z-index:5;
overflow:hidden;
font-size:normal;
font-weight:normal;
font-family:normal;
text-align:center;
}
.rahcolor-change:focus{
pointer-events:none
}.rahcolor-change:before{
content:'klik mengubah warna';
color:#f80000;
}
.rahcolor-change:focus::before{
content:'klik mengubah warna';
color:#20409A;
}
Info: Atau sobat icloudZer bisa menggunakan tag kode <style> untuk meletakkan kode CSS diatas
Kode HTML
Langkah selanjutnya yang bisa kamu lakukan untuk bisa mengubah warna text saat diklik, kamu bisa menyalin kode HTML dibawah ini kemudian kamu bisa menggunakannya didalam artikel menggunakan mode HTML
<div class='rahcolor-change' tabindex='0'/>
Info: Fungsi dari kode HTML diatas adalah untuk menampilkan text yang bisa berubah warna saat diklik