Home » » Cara Membuat Efek Gambar Transparan pada Blog

Cara Membuat Efek Gambar Transparan pada Blog

Redi Apri Handoko | 08.19 | 0 comments
Kali ini saya akan memberi trik cara membuat efek transparan (opacity) pada gambar. Efek ini akan nampak apabila cursor sobat berada diatas gambar. Misalnya gambar akan berubah cerah saat cursor diatasnya atau sebaliknya meredup saat cursor tidak berada diatas gambar.

Jika sobat ingin menampilkan gambar dengan sedikit sentuhan animasi maka trik ini dapat sobat terapkan di blog. Untuk itu ikuti langkah berikut ini untuk cara membuatnya.

1. Login ke blogger
2. Buatlah posting pada blog sobat
3. Masukkan kode berikut ini pada tab Edit HTML di posting.
<img src="Masukkan URL Gambar Anda Disini" style="opacity:0.2;filter:alpha(opacity=40)"onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
4. Masukkan url gambar pada tulisan berwarna merah!!
5. Terbitkan posting sobat dan lihat hasilnya
Selamat mencoba....!!!
Berbagi Dengan Teman:

Posted by : Redi A.H ~ / Tutorial windows, SEO , Info gadget, Download game

Artikel Cara Membuat Efek Gambar Transparan pada Blog Di posting oleh Redi A.H pada 8 Jul 2009. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kontak atau komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging!!!

0 comments:

Posting Komentar

Terimakasih atas kunjungan anda semua, sebelumnya mohon maaf kami tidak menerima komentar yang berbau tentang pornografi.
TERIMAKASIH atas partisipasinya.

 
Site Meter :
Copyright © 2011. Tutorial Windows 7 - All Rights Reserved
Proudly powered by Blogger
Thank You For Google