Pembaruan Terakhir (26-05-2023)
  • Update script: membuat notifikasi semua komentar di blogger (mode popup)
  • Spesifikasi: src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/user53cm.js'

  • Toast notif disertai Text-to-speech
  • Cukup klik 1 kali maka mode responsif akan aktif (sebelumnya dua kali kik)
  • Sekarang komentar telah di tambahkan beberapa fitur custom segera periksa

Cara membuat text berkedip-kedip diblogger

views

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

Keindahanmu akan kuabadikan disetiap karyaku.

2 komentar

  1. Good artikelnya sangat bermanfaat, lanjutkan mas,,
    Kunjungi juga blog saya
    MyTekiz.com
    1. Terimakasih mas andow..
Pergunakanlah kecerdasan anda saat berkomentar, dan tinggalkan komentar sesuai topik tulisan. Komentar dengan link aktif tidak akan ditampilkan.
Masukkan URL Gambar atau URL Video YouTube atau Potongan Kode , atau Quote , lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image video quote pre code
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.