Senin, 16 Januari 2012

Efek Link Text Menyala saat diSorot/Hover

css link menyala glowing

Tutorial ini sangat Sederhana, hanya menerapkan Beberapa Kode CSS yang Harus di masukan Di atas Elemen ]]></b:skin

1. Login Blogger
2. Cari kode ]]></b:skin

3. Masukan Kode Ini Di atasnya :
a.murub {
color:#ccc;
text-decoration:none;
text-shadow:1px 1px 0px #000,0 0 0px #000,0 0 0px #000,0 0 0px #000;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

a.murub:hover {
  color:#fff;
text-shadow:0 1px 0px #FF00FF,0 0 3px #FF00FF,0 0 5px #FF00FF,0 0 30px #FF00FF,0 3px 50px #FF00FF;
}

4. Simpan Template
5. Untuk Mengaktifkan Teks Menyalanya anda harus memasukan Kode HTML Berikut Di mana aja, Di postingan atau di Widget Terserah anda ..

<a class="murub" href="#">LINK</a>
Sekian tutorial dari saya ..
Insyaallah Bermanfaat..
Bila Kurang Jelas Komentar ya ..

18 komentar:

  1. @Spenza : Okeh sob .. :D
    @Pendelz : Monggo Di Coba ..

    BalasHapus
  2. wah boleh nih gan sekalian belajar css hehe

    BalasHapus
  3. @Thermo : Iya gan, saya juga Lagi Belajar CSS, Kalo gk keren saya gk posting kak, soalnya saya Posting yang keren keren aja, hehehe ..

    BalasHapus
  4. @Thermo : Iya gan, saya juga Lagi Belajar CSS, Kalo gk keren saya gk posting kak, soalnya saya Posting yang keren keren aja, hehehe ..

    BalasHapus
  5. @Timbangan : klo gk keren, saya gk bakal posting, Soalnya saya cuma Posting yang keren aja .. hehehe ..

    BalasHapus
  6. murub = urip wkwkwk..
    langsung dijudul postingan gmn kak?? :(

    BalasHapus
  7. Ini nih trik yg maknyuuss...
    Dipraktekin dulu aahh..

    Eh,makasi tutorialnya sob. :-bd

    BalasHapus
  8. Monggo di praktekin, gk bakalan nyesel deh. hehehehe .. :D

    BalasHapus
  9. @Alam Perwira Bisa tuch gan..
    liat di blog satu ane ini undergroun404.blogspot.com

    BalasHapus
  10. wah keren gan tutorialnya :) thanks ya...

    BalasHapus