H4Bkd6-oxpAvMXtlYVdjHuu2l9I

Minggu, 10 Februari 2013

Cara membuat efek link terbakar di blog


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.

Tidak ada komentar:

Posting Komentar