Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat atau menghapus 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 meghapus atupun menghilangkan 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
Remove Text
Remove of text merupakan fitur yang mana apabila suatu text diklik maka akan menghilangkan text tersebut, dan untuk memunculkan text tersebut kamu harus mengklik lagi text ataupun area lainnya pada tampilan remove of text
Tanpa Javascript
Untuk membuat fitur remove of text atau membuat text terhapus secara otomatis hanya memerlukan kode CSS saja tanpa harus menyertakan kode javascript didalamnya, dan hal tersebut membuat tampilan dari renove of text in blogger semakin membuat tampilan semain responsive tentunya
Contoh Tampilan
Jik kamu penasaran bagaimana contoh tampilan dari text yang bakal menghilang secara otomatis ketika 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 terhapus saat diklik, harap disimak dan dipelajari artikel ini hingga selesai oke
Kode CSS
Langkah pertama yang bisa kamu lakukan untuk menghilangkan text saat diklik kamu bisa menyalin kode CSS dibawah ini kemudian kamu bisa meletakkannya diatas kode ]]></b:skin>
.rahtext-remove{
z-index:5;
overflow:hidden;
font-size:normal;
font-weight:normal;
font-family:normal;
color:#f80000;
}
.rahtext-remove:focus{
pointer-events:none
}
.rahtext-remove:before{
content:'Karya Kami';
display:block;
}
.rahtext-remove:focus::before{
content:'Karya Kami';
display:none;
}Info: Atau sobat icloudZer bisa menggunakan tag kode <style> untuk meletakkan kode CSS diatas
Kode HTML
Langkah selanjutnya yang bisa kamu lakukan untuk bisa menghapus text saat diklik, kamu bisa menyalin kode HTML dibawah ini kemudian kamu bisa menggunakannya didalam artikel menggunakan mode HTML
<div class='rahtext-remove' tabindex='0'/>Info: Fungsi dari kode HTML diatas adalah untuk menampilkan text yang apabila diklik akan terhapus secara otomatis