Free Premium Download Button

Pada kesempatan kali ini MWcrew akan share lagi sobat, kalau blog sobat ingin tampil elegant maka sobat wajib menambahkan tombol yang satu ini neh,,,,

Tombol Download ini sengaja saya buat bagi sobat yang kesusahan membuat tombol menggunakan CSS atau lain sebagainya. Tombol Download ini hanya sebatas gambar tetapi sobat bisa menambahkan sedikit code untuk membuat tombol ini lebih hidup gan....

Sobat bisa menambahkan efek seperti Transparrent atau apalah sesuka sobat, agar tombolnya kelihatan makin elegan.

Untuk menambahkan efek transparan maka sobat perlu menabahkan code di bawah ini neeh,,,,

  • Letakkan kode ini di atas  ]]></b:skin> 
a.brl-transparan img {opacity:1.0;filter:alpha(opacity=100);}
a.brl-transparan:hover img {opacity: 0.5;filter:alpha(opacity=50);}

atau bisa juga sebaliknya...

a.brl-transparan img {opacity: 0.5;filter:alpha(opacity=50);}
a.brl-transparan:hover img {opacity:1.0;filter:alpha(opacity=100);}

  • Nah untuk pemangggilan kode tersebut maka gunakan kode di bawah ini
<a class="brl-transparan" href="http://mwcrew10.blogspot.com"><img border="0" src="http://urlgambar.com/image.jpg" /></a>

Ini adalah contoh tombol menggunakan efek transparan :





Sekian,,,Happy Blogging.


Photobucket



"MWcrew"
5 Comments
Related Post

Join the Discussion!

Dont give a spam please!
Untuk menyisipkan video, gunakan
Untuk menyisipkan gambar, gunakan
Untuk menyisipkan kode, gunakan
Untuk menyisipkan beberapa baris kode, gunakan
Untuk menyisipkan catatan, gunakan
Untuk menciptakan efek teks tebal gunakan