Hello sobat icloudZer kali ini admin bakalan memberikan informasi mengenai bagaimana caranya membuat text berpindah posisi saat di klik di blogger
Info: Oke sobat icloudZer jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama okay
Disclaimer
Sebelum saya benar benar membahas mengenai bagaimana caranya membuat text move, text yang bisa berpindah tempat saat diklik diblogger, 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
Move the Text
Admin memberi nama dari fitur ini adalah move the text, soalnya jika text diklik akan langsung berpindah posisi secara otomatis, dan cara tersebut bisa kamu terapkan diblogger
Tanpa javascript
Untuk membuat text berpindah posisi saat diklik diblogger kita hanya membutuhkan kode CSS saja, tanpa harus menyertakan kode javascript didalamnya, dan hal tersebut akan sangat membuat tampilan benar benar responsive untuk digunakan
Contoh Tampilan
Jika kamu penasaran dengan contoh tampilan dari move text tersebut kamu bisa melihatnya seperti contoh tampilan dibawah ini
Cara pembuatan
Baiklah saatnya admin bakalan menjelaskan bagaimana caranya membuat text bisa berpindah posisi saat diklik diblogger, simak dan pelajari hingga selesai agar tidak salah paham
Kode CSS
Langkah pertama yang yang bisa kamu lakukan untuk membuat text bisa berpindah posisi saat diklik, kamu bisa menyalin kode CSS dibawah ini kemudian simpan diatas kode ]]></b:skin>
.rahtext-move{
z-index:5;
color:#f80000;
overflow:hidden;
font-size:normal;
font-weight:normal;
font-family:normal;
}
.rahtext-move:focus{
pointer-events:none
}.rahtext-move:before{
content:'Click of Cliks';
float:left;
}
.rahtext-move:focus::before{
content:'Click of Clicks';
float:right;
}
Info: Atau sobat icloudZer bisa meletakkan kode CSS diatas menggunakan tag kode <style>
Kode HTML
Langkah selanjutnya yang bisa kamu lakukan adalah menyalin lagi kode HTML dibawah ini, kemudian kamu bisa menggunakan didalam artikel atau didalam menu Edit HTML diblogger
<div class='rahtext-move' tabindex='0'/>
Info: Fungsi dari kode HTML diatas adalah untuk menampilkan text yang bisa berpindah tempat saat diklik tersebut