Browse » Home » » Efeck Blur Pada Link Gambar

Efeck Blur Pada Link Gambar

@- Login terlebih dahulu di Blog dengan ID milik Anda.
@- Klick TATA LETAK / LAYOUT.
@- Kemudian Klick EDIT HTML.
@- Beri Centang pada kotak Expand Widget Templates
@- Cari Kode yang seperti ini ]]></b:skin>
@- Copy Kode Berikut di bawah ini kemudian Paste di atas Kode ]]></b:skin>

.linkopacity img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; border:0;}
.linkopacity:hover img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;border:0;}
@- Jika sudah Klick SAVE TEMPLATES
@- Nah Langkah di atas sudah selesai.

Contoh gambar yang belum di Blur

<a href="http://per2nak-nik.blogspot.com"><img src="http://1.bp.blogspot.com/_zAAY5TLuWGg/Sz9SWHJDyVI/AAAAAAAAA3I/__QCCyUWsyQ/s400/ads.jpg"/></a>


Contoh gambar yang sudah di Blur

<a href="http://per2nak-nik.blogspot.com/" class="linkopacity"><img src="http://1.bp.blogspot.com/_zAAY5TLuWGg/Sz9SWHJDyVI/AAAAAAAAA3I/__QCCyUWsyQ/s400/ads.jpg"/></a>


@- Sisipkan selalu pada Link Gambar Anda, seperti kode yang saya beri warna MERAH.
@- Selamat mencoba kawan.

0 Comments To Efeck Blur Pada Link Gambar


Send Your Comment Here

Pernak Pernik Blogger | Copyright 2010 | Template Design © By IMS | Powered By Blogger