Cara Membuat dan Menampilkan Blink Effects: Efek Berkedip Pada Teks

Panduan BloGGeR tentang cara membuat “blink effects”, “efek berkedip” atau “flash text” bertujuan untuk melengkapi pemahaman blogger tentang kode html yang mempunyai fungsi untuk menampilkan sebuah teks biasa atau teks yang berupa sebuah link tampil indah dan lebih terlihat menonjol dibandingkan dengan teks-teks yang lain. Hingga detik ini efek kedip (blink effects) belum bisa digunakan pada sebuah obyek yang berupa gambar.

Efek berkedip pada teks dapat berfungsi dengan amat sempurna di browser mozzila dan Opera, sedang untuk membuat sebuah efek blink pada internet explorer dibutuhkan bantuan melalui sebuah javascript. Tanpa ini tak mungkin kita akan mendapat sebuah efek kedip pada Internet Explorer. Untuk menggunakan kode html “Blink Effects”, tag pembuka dan penutup blink effects harus diletakkan tepat di muka dan belakang teks. Ini dilakukan supaya efek berkedip pada teks bisa berfungsi di Opera yang memang mengharuskan penulisan kode seperti itu yang berbeda dengan di Mozzila yang meskipun di letakkan di bagian depan “tag pembuka” dan “tag penutup” link ( <blink> <a href=” …..> TEXT</a></blink>) efek kedip  masih tetap bisa tetap bekerja.

Cara menggunakan Kode Blink Effects :

Bentuk dasar kode :

<blink> TEXT </blink>

Penggunaan dalam blog dengan obyek sebuah link :

<a href=”http://gubhugreyot.blogdetik.com/” title=”Panduan BloGGeR dan Panduan BlogDETIK” target=”_blank”>
<blink> gubhug reyot </blink>
</a>

Sampeyan dapat membuat variasi bentuk, ukuran, warna teks dan ketebalannya dengan menambahkan kode baru seperti di bawah ini :

<a href=”http://gubhugreyot.blogdetik.com/” title=”Panduan BloGGeR dan Panduan BlogDETIK” target=”_blank”>
<span style=”font-family:Cataneo BT;font-size:27px;font-weight:900;color:blue”>
<blink>gubhug reyot</blink>
</span>
</a>

Jika ingin hover tetap bekerja, penggunaan “color” harus dilakukan menggunakan kode CSS.

Contoh kode css link yang dipersiapkan untuk blink effects :

<style type=”text/css”>
a.blink{
font-family:Cataneo BT;
font-size:27px;
font-weight:900;
color:blue;
text-decoration:none;
}
a.blink:hover{
color:red;
text-decoration:underline;
}
</style>

Dari kode css di atas, dilahkan variablenya untuk di sesuaikan dengan kebutuhan, baik ukuran font dan yang lain.

Cara Menuliskan kode HTML teks link  dengan efek blink:

<a class=”blink” href=”http://gubhugreyot.blogdetik.com/” title=”Tutorial BloGGeR dan Tutorial BlogDETIK” target=”_blank”>
<blink>TEXT LINK</blink>
</a>

DEMO efek blink atau teks berkedip bisa sampeyan lihat dengan KLIK di sini !