- Back to Home »
- Blogger , TnT , Tutorial »
- Cara Membuat Gambar Transparan di Blog
Posted by : jalzae
Sunday, May 6, 2012
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
2.Letakkan Kode Berikut Diatas </b:skin> gunakan CTRL+F untuk mencari ^_^
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~~