Home » , » Cara Membuat Efek Link Blog Terbakar

Cara Membuat Efek Link Blog Terbakar

cara membuat efek link blog terbakarFungsi sebenarnya kita akan Membuat Efek Link di Blog Mengeluarkan Cahaya Berwarna kuning seperti terbakar bila link di blog sobat tersentuh mouse. Cara Membuat Link Seperti Efek Terbakar di Blog sangatlah mudah Karena Sobat Hanya perlu Memodifikasi Css Hovernya Saja pada Template Edit HTML.

Sekedar penjelasan untuk sobat ROMANTIS-XP semua yang ingin Membuat Efek Link Blog Seperti Terbakar di Blog, Css A:Hover Adalah Css yang apabila Kita Menyorotkan atau mengarahkan Mouse pada Link apa saja, maka akan terjadi efek yang terjadi sesuai dengan efek link bawaan template blog itu sendiri. Namun kali ini kita akan merubah semua efek Link di blog sobat akan berubah menjadi seperti terbakar.

Cara Membuat Efek Link Seperti Terbakar di Blog, Silahkan sobat ikuti langkah-langkahnya sebagai berikut:

1. Silahkan sobat >> Masuk/Login >> ke Blog Sobat.
2. Pada tampilan baru menu blogger, sobat pilih >> Menu Template >> Edit HTML.
3. Cari kode a:hover { gunakan CTRL+F untuk mempermudah pencarian.
4. Kemudian silahkan sobat tambahkan atau sisipkan kode CSS berwarna PINK di bawah ini tepat di samping atau setelah kode a:hover { yang berdekatan dengan kode a:visited { dan kode a:link {

text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

Maka jadinya akan seperti contoh di bawah ini:

a:link {

text-decoration: none;

color: $(link.color);

}

a:visited {

text-decoration: none;

color: $(link.visited.color);

}

a:hover {text-shadow: 0 0 2px #ccc, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;

text-decoration: underline;

color: $(link.hover.color);

}

5. Sebelum sobat Simpan Templatenya, silahkan klik Pratinjau terlebih dahulu untuk menghindari kesalahan saat Edit template.

6. Jika hasilnya Link di blog sobat mempunyai efek seperti terbakar, itu artinya sobat sudah berhasil membuat efek link seperti terbakar di blog sobat.

7. Silahkan sobat klik SIMPAN Dan Lihat Hasilnya.

Selanjutnya silakan Anda tinggalkan komentar..!

7 komentar:

  1. wah..kebakaran donk link saya nih,,,hehehe...
    tips menarik sob,,,tapi terlalu berat gak ya buat loading blog saya???

    BalasHapus
  2. Ngak sob...!
    saya sendiri udah coba...

    maff tulisannya blum di update

    BalasHapus
  3. Keliatan nya menarik nih sob... :)
    Kapan2 ta coba ya.. Koneksi lagi lola nih :)
    troms ya sdh berbagi :)

    BalasHapus
  4. budi os 19 --> Okey sob...! trimz telah brkunjung

    BalasHapus
  5. jangan bermain api, nanti panas.

    BalasHapus
  6. keren kang.... boleh di coba nih.. thank.

    BalasHapus

Diberdayakan oleh Blogger.