Cara Buat Efek Link Menyala

Cara Buat Efek Link Menyala

Cara Membuat Text Efek Menyala. Terlihat seperti menyalakan?
Jika tidak mungkin faktor browser anda,
karena efek ini hanya terlihat di browser tertentu saja
seperti Firefox, Google Chrome, dan Safari Terbaru.

LINK MENYALA

Secara teknis sebenarnya efek ini menggunakan efek text shadow dengan CSS3. Dan dengan sedikit modifikasi RGBA jadilah efek text menyala ini. Langsung saja ke cara pembuatan texk menyala ini.

Kode yang saya gunakan untuk membuat text menyala di atas adalah seperti ini
text-shadow: rgba(255, 150, 220, 1) 0px 0px 8px;

yang artinya kurang lebih seperti ini :

  • text-shadow = buatlah bayangan pada text
  • rgba(255, 150, 220, 1) = Warna dengan komposisi RGB dan Alpha (R, G, B, Alpha). Ganti sesuai warna cahaya yang anda inginkan --untuk mencari komposisi warna RGB, kamu bisa menggunakan photoshop--
  • 0 0 8px = 0(ofset x) 0(ofset y) 8px(lebar/blur bayangan)

Sekarang untuk penerapan di Blog.

1. Login ke blog anda
2. Masuk ke Rancangan > Edit HTML
3. Cari kode yang anda inginkan untuk di buat menyala.
Contoh Link menyala maka yang di cari
adalah kode a:link {. Maka tambahkan kode Text menyala di dalamnya.
Contoh :
a:link {
text-shadow: rgba(255, 150, 220, 1) 0px 0px 8px;
color : #3778cd;
text-decoration : none;
}
4. Save Templates dan lihat apa yang terjadi pada link anda? Menyalakan? Bagus.
Jika tidak berarti Seperti yang saya bilang tadi. Faktor Browser.

Text lain yang bisa di beri efek menyala. h1{ , h2 { , h3 { , .post { , dll
 

Kami Jual DVD Game dan Film
Sedia Macam2
- Game PC/ PS2/ Ps3/ PSP/ Android Mini/HD
- Film Movie/ Bollywood/ Anime/ Serial.
- WWe Smackdown
Daftar Listnya Silahkan Lihat Di Atas Sebelah Tutotrial

5 komentar:

  1. matep nih yg lain kaga di jelasin gimana ganti warnanya, thanks banget gan,
    -----------
    yg suka animemampir ya dah sub indo
    -----------

    BalasHapus
  2. makasih gan mujarab abis.....
    mampir ke blog ane ya gan...heheheh berbagi ilmu

    BalasHapus
  3. Makasih Bos infonya ok bGt.. ijin nerapin :D

    BalasHapus
  4. Jual DVD Game dan Film
    Sedia Macam2
    - Game PC/ PS2/ Ps3/ PSP/ Android Mini/HD
    - Film Movie/ Bollywood/ Anime/ Serial.
    - WWe Smackdown
    http://jualgamefilm.blogspot.com

    BalasHapus

Bila Ada Kesalahan Cybernet13 Minta Maaf.
Silahkan Kirim Kan Saran & Kritiknya
Agar Bisa Lebih Baik
Untuk Kepentingan Kita Bersama...
Terima Kasih