Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat atau merubah text saat di klik secara otomatis 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 megubah text ketika diklik secara otomatis diblog, 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 text
Apakah itu change of text? Change of text merupakan pengertian dalam bahasa Inggris yang berarti merubah text, oke sebenarnya sih admin sendiri yabg memberikan nama dari fitur tersebut, oke untuk mengetahui bagaimana change of text tersebut kamu bisa mempelajarinya lebih lanjut diala artikel ini
Tanpa Javascript
Agar bisa menerapkan cara bagaimana mengubah text ketika diklik kita membutuhkan kode CSS saja dalam pembuatannya, tanpa memakai unsur dari kode javascript yang membuat blog semakin lambat, namun dalam pembahasan kita kali ini mengenai bagaimana caranya mengubah text secara otomatis ketika diklik, kamu harus mebaca dan mempelajarinya hingga selesai oke
Contoh Tampilan
Jika kamu penasaran bagaimana contoh tampilan dari ketika warna text berubah warna saat diklik, kamu bisa menggunakan tombol dibawah ini untuk langsung melihatnya
Cara pembuatan
Baiklah sobat icloudZer sekarang saatnya admin bakalan memberikan penjabaran mengenai bagaimana caranya membuat text berubah ketika 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>
.rahtext-change{
z-index:5;
color:#f80000;
overflow:hidden;
font-size:normal;
font-weight:normal;
font-family:normal;
}
.rahtext-change:focus{
pointer-events:none
}
.rahtext-change:before{
content:'Siapa nama admin?';
}
.rahtext-change:focus::before{
content:'Muhammad Rahmat Uliady';
}
Info: Atau sobat icloudZer bisa menggunakan tag kode <style> untuk meletakkan kode CSS diatas
Kode HTML
Langkah selanjutnya yang bisa kamu lakukan untuk bisa merubah text secara otomatis saat diklik, kamu bisa menyalin kode HTML dibawah ini kemudian kamu bisa menggunakannya didalam artikel menggunakan mode HTML
<div class='rahtext-change' tabindex='0'/>
Info: Fungsi dari kode HTML diatas adalah untuk menampilkan text yang apabila diklik akan berubah secara otomatis