Cara Membuat Gambar Transparan di Blog

Setelah belajar cara membesar gambar blog ~~>Cara memperbesar gambar ketika disorot yang bisa sampai menutupi layar pc anda kwkwkw ,,atau mengatur Tampilan Widget agar tampilan di wilayah tertentu (?)
 Kita belajar memanipulasi gambar default lagi !..hahay...

Mau yang seperti ini??..Caranya Gampang sekali
Coba sorot gambar ini

 

Setelah menyorotnya gambar ini tidak transparan lagi bukan??...Hmm..gmn caranya ya??


Pertama..~~~~~~~~~~~~~~~>Login Blogger....Ikuti langkah selanjutnya...


1.Masuk EDIT HTML dan centang Expand Widget Templates

2.Letakkan Kode Berikut Diatas </b:skin> gunakan CTRL+F untuk mencari ^_^

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

Kode Warna Merah menunjuka gambar biasa(transparant)....sedangkan warna biru menunjukan gambar ketika di sorot ^_^

3.Setelah meletakkan kode di step nomer (2)  Bersiaplah ...

4.Saat memposting...Ambil url gambar yang akan dijadikan explorasi ~~>(Kamu bisa belajar mengganti atau mengetahui url gambar yang diupload disini) 

5.setelah itu...gunakan EDIT HTML mode saat memposting dan Pastekan kode berikut

<a class="jtransparan" href="linkiniakanterbukasaatada.com/orangmengkliknya"><img src="urlgambar.com/gambarmu.jpg" /></a> 


ganti warna merah dengan gambarmu...dan..hasilnya seperti diatas ^_^ happy blogging~~

 

Share :

Tweet

More

Related Post