cara membuat efek berkedip dengan javascript
Rabu, 28 Maret 2012
0
komentar
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 :<blink> gubhug reyot </blink>
</a>
<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.<span style=”font-family:Cataneo BT;font-size:27px;font-weight:900;color:blue”>
<blink>gubhug reyot</blink>
</span>
</a>
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>
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>
<blink>TEXT LINK</blink>
</a>
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: cara membuat efek berkedip dengan javascript
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2012/03/cara-membuat-efek-berkedip-dengan.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
0 komentar:
Posting Komentar