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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE51ftEGuvNQqV8gCsJ5SRTvHcTAnHoMNUIN7OxVMrIlGth9dAf-JLkxppR68DCZNLFbvRowdRuL_norzPDihMSPiVF5tC6E8avH74jQo7-TgB5ItdVAHb0VdoN0Tng1RNxHEcLZWCXs/s400/ads.jpg"/></a>


Contoh gambar yang sudah di Blur

<a href="http://per2nak-nik.blogspot.com/" class="linkopacity"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVE51ftEGuvNQqV8gCsJ5SRTvHcTAnHoMNUIN7OxVMrIlGth9dAf-JLkxppR68DCZNLFbvRowdRuL_norzPDihMSPiVF5tC6E8avH74jQo7-TgB5ItdVAHb0VdoN0Tng1RNxHEcLZWCXs/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