Memberi Efek Blur Pada Gambar

Memberi Efek Blur Pada Gambar

A. Langkah Pertama

1. Masuk ke Dasbor
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari kode ]]></b:skin> Copy Kode Di bawah Ini Tepat Di Atas Kode Tersebut

.linkopacity img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.linkopacity:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}

6. Klik Simpan / Save


B. Langkah Kedua

Contoh Kode 1 :

<a href="http://bloganda.org" class="linkopacity"><img border="0" src="http://img21.imageshack.us/img21/4870/pingintau.jpg"></a>


Ket : Bila Gambar kena Cursor Gambar akan menjadi Blur,
Bila Gambar Di Klik Akan Menuju URL.

Contoh Kode 2 :

<a href="#nogo" class="linkopacity"><img border="0" src="http://img21.imageshack.us/img21/4870/pingintahu.jpg"></a>

Ket :  Bila Gambar kena Cursor Gambar akan menjadi Blur, 
Bila Gambar Di Klik Tidak Akan Terjadi Apa2..

NB : Warna Biru, Untuk URL yang kamu inginkan. Ungu Kode Blurnya. Merah Untuk Gambarnya.

Untuk Contoh Kode2 yang lain menyusul..
Bila teman2 memiliki contoh kode yang lain silahkan beri tahu kami lewat kotak komentar.
Terima Kasih..

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

Tags: Memberi Efek Blur Pada Gambar