Cara membuat text berkedip-kedip diblogger

Hello sobat IcloudZer kali ini saya akan memberikan informasi seputar Script yang bisa dapat membuat sebuah text diblogger bisa berkedip-kedip atau hilang muncul dalam beberapa saat ok sudah penasaran...

Baiklah tali sebelumnya saya akan membahas Mengenai Text berkedipnya dulu

Text berkedip

Apa itu text berkedip? Sebenarnya text ini adalah sebuah gaya penulisan yang menggunakan penulisan HTML dan textnya dibuat menggunakan kode CSS

Animasi CSS

Nah textnya itu dibuat menggunakan sebuah kode animasi CSS sehingga dapat membuat textnya itu bisa berkedip kedip atau muncul dan menghilang dalam beberapa saat

Anda juga bisa megatur waktu lamanya text bisa berkedip-kedip, dengan kelajuan yang sudah ditentukan sebelumnya

Cara Membuat

Ok baiklah lah saya akan mulai membahas bagaiamana cara membuat text berkedipnya dengan mengikuti langkah langkah berikut ini

Kode CSS

Yang pertama adalah anda bisa meyompan kode CSS dibawah ini tepat diatas kode ]]<b:skin> atau sebelum kode ]]<b:skin>

.t-dipnie{animation:t-dipnie 2s linear infinite;animation-play-state: paused;animation-play-state: running;}

@keyframes t-dipnie {4% {margin-top: 0px;opacity: 1;}

0.001% {margin-top: 0px;opacity: 0;}50% {opacity: 1;}100% {margin-top: 0;opacity: 0;}}

Kode CSS lainnya

Jika anda tidak ingin menyimpannya diatas kode ]]<b:skin> maka anda bisa menggunakan kode CSS diatas dengan menambahkan kode <style> sebagai pembuka dan kode </style> sebagai penutup kode CSS, sebagai contoh anda bisa melihat kode lengkap nya seperti contoh di bawah ini

<style>.t-dipnie{animation:t-dipnie 2s linear infinite;animation-play-state: paused;animation-play-state: running;}

@keyframes t-dipnie {4% {margin-top: 0px;opacity: 1;}

0.001% {margin-top: 0px;opacity: 0;}50% {opacity: 1;}100% {margin-top: 0;opacity: 0;}}</style>

Penting: Jadi setiap anda ingin menulis text berkedip nya, anda juga harus menyertakan kode css dengan meyertakan Tag <style>

Kode HTML

Untuk membuat dan menjalankan text berkedip nya, saat anda sedang menulis sebuah text gunakan kode html dibawah ini

<span class='t-dipnie'>Text kedip anda seperti ini</span>

Maka contoh demo dari text berkedipnya seperti contoh di bawah ini

Text kedip anda sepwrti ini

Text kedip Berwarna

Untuk memberikan warna text berkedipnya gunakan Kode html nya seperti dibawah ini

<span class='t-dipnie'><font color='#080808'>Text kedip anda seperti ini</font></span>

Maka contoh demo dari text berkedipnya seperti contoh di bawah ini

Text kedip anda seperti ini

Oke sobat begitulah pembahasan kita kali ini mengenai text berkedipnya jangan lupa gunakan form komentar nya untuk bertanya jika masih bingung