Artikel Terbaru :
Home » » Cara Membuat Efek Gambar Transparan Di Blog

Cara Membuat Efek Gambar Transparan Di Blog

Saturday, November 3, 2012 | 2komentar

Cara Membuat Efek Gambar Transparan Di Blog - Kali ini saya akan memberi trik cara membuat efek transparan (opacity) pada gambar. Efek ini akan nampak apabila cursor sahabat berada diatas gambar. Misalnya gambar akan berubah cerah saat cursor diatasnya atau sebaliknya meredup saat cursor tidak berada diatas gambar.
Jika sahabat ingin menampilkan gambar dengan sedikit sentuhan animasi maka trik ini dapat sahabat pasang di blog. sontohnya coba arahkan cursor sahabat pada gambar poto saya di bawah:


Bagus kah???  sudah jelas kan?
Ikuti langkah-langkahnya di bawah:

1. Login ke blogger
2. Buatlah posting pada blog sahabat
3. Masukkan kode berikut ini pada tab Edit HTML bukan Compose 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!! jika sahabat belum tau caranya bisa di lihat pada artikel  Cara Mendaftar Meng-upload Gambar di Photobucket
5. Terbitkan posting sahabat dan lihat hasilnya
Selamat mencoba....!!!
Share this article :

ARTIKEL TERKAIT:

2 comments:

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting