For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

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

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

2 comments

  1. Good artikelnya sangat bermanfaat, lanjutkan mas,,
    Kunjungi juga blog saya
    MyTekiz.com
    1. Terimakasih mas andow..
Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.