Cara Mermbuat Hover Shadow pada Link

Perlu dibaca juga :

Efek Shadow pada hover link .?

Sepertinya sedikit menarik ya. Mungkin saja anda ingin menempatkannya untuk blog anda untuk mempercqantik tampilan blog. Sehingga pengunjung akan senang dan tertarik untuk kembali. Caranya adalah seperti berikut.

Kita langsung aja deh ya, gak usah banyak pengantar, nih intinya...

A. Cara Memberi Efek Hover Shadow Link

Silahkan langsung menuju Rancangan > Edit Html. 

1.Cari kode :

a:hover {

    text-decoration: underline;

    color: #0cff00;

    }

Lalu ganti dengan kode dibawah ini :

a:hover {

  color: #ff00ff;

  text-decoration:none;

  text-shadow:5px 5px 5px #ff00ff}

Anda Juga dapat mengganti warna sesuai selara anda : silahkan pilih warna yang anda inginkan di Kode Warna HTML .

B. Cara Memberi Efek Hover Shadow pada Gambar

Anda juga bisa menambahkan efeknya ke gambar..

1. Cari kode 

.post img { padding: 10px; border: 0px }2. Bawahnya tambahkan kode

.post img:hover {-moz-box-shadow: 0 0 13px;} 

3. Simpan template kemudian lihat hasilnya.

Bagaimana, mudah kan ..? he he.

Selamat mencoba... Semoga berhasil, dan Jangan lupa Komentarnya untuk blog ini dikolom komentar...???

ARTIKEL TERKAIT :