Flashing Link Animation: Panduan BoGGeR Cara Membuat Teks Link Animasi

Posted by IFANKA 
Tutorial Blogger spesial : Cara termudah membuat flashing link yang "ditanggung" kompatible dengan semua browser yang ada adalah seperti berikut :
  1. Login ke Blogger.
    2. 

  2. Lakukan pengamanan template terlebih dahulu (Lihat posting sebelumnya !
    3. 

  3. Simpan KODE CSS di atas KODE ]]></b:skin>
    4. 

  4. Gunakan xHTML saat posting dilakukan.
    5. 

Contoh bentuk Flashing Link Animation :
Red Background


Blue Background

Lime Background


Green Background


Yellow Background


Colorfull Background
KODE CSS - Flashing Link Animation :
<style type="text/css">
.RedFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/th_bgsGR_RedFlashingLink.gif);padding:1px 3px;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.BlueFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/th_bgsGR_BlueFlashingLink.gif);padding:1px 3px;text-decoration:none;font-weight:bold;color:black;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.LimeFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/th_bgsGR_LimeFlashingLink.gif);padding:1px 3px;text-decoration:none;font-weight:bold;color:black;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.GreenFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/th_bgsGR_GreenFlashingLink.gif);padding:1px 3px;text-decoration:none;font-weight:bold;color:black;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.YellowFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/bgsGR_YellowFlashingLink.gif);padding:1px 3px;text-decoration:none;font-weight:bold;color:black;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.ColorfullFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/th_bgsGR_ColorfullFlashingLink.gif);padding:1px 3px;text-decoration:none;font-weight:bold;color:black;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.RedFL{background:transparent url(http://i964.photobucket.com/albums/ae124/gubhugreyot/Mart10/th_bgsGR_RedFlashingLink.gif);padding:0 3px;text-decoration:none;font-weight:bold;color:black;border-top:1px dotted orange;border-bottom:1px dotted orange;}
.RedFL:hover, .BlueFL:hover, .LimeFL:hover, .GreenFL:hover, .YellowFL:hover, .ColorfullFL:hover{text-decoration:none; background:#222;color:#FF0000;}
</style>
xHTML - Flashing Link Animation :
<a class="RedFL" href="http://gubhugreyot.blogspot.com">Red Background</a>
<a class="BlueFL" href="http://gubhugreyot.blogspot.com">Blue Background</a>
<a class="LimeFL" href="http://gubhugreyot.blogspot.com">Lime Background</a>
<a class="GreenFL" href="http://gubhugreyot.blogspot.com">Green Background</a>
<a class="YellowFL" href="http://gubhugreyot.blogspot.com">Yellow Background</a>
<a class="ColorfullFL" href="http://gubhugreyot.blogspot.com">Colorfull Background</a>