Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Efek Hover/Transparansi Pada Gambar dalam Postingan Blogspot.
Fungsi dari Tutorial ini adalah jika cursor mouse menyorot / atau berada pada salah Satu gambar pada blog, maka gambar tersebut akan menyala / buram pada tampilan blog pada postingan.
Coba arahkan kursor / mouse pada gambar maka akan terlihat buram.
Diatas adalah contohnya.
Cara Membuat Efek Hover/Transparansi Pada Gambar dalam Postingan Blogspot :
- Pilih gambar yang akan digunakan
- Setelah itu upload ke internet
- Setelah di-upload, Anda akan mendapatkan URL gambar tersebut
- URL gambar tersebut harus Anda sisipi dengan kode berikut ini :
onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)"
- Berikut adalah contoh code untuk dipasang pada postingan, warna merah adalah URL gambar.
<img onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40"
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP18VXE11G2wohO3UXOfhZAel3g-p2jITiImRKgUvfF2mBYjWPosJIffUspZcO_knmAtwMbyWDjSk6HCo476oOpVEED1I7z0pCOG6PeEnNVLZ4XpB4bD4GUXB8pVX-xMMAovGumZNKsH-Y/s400/home.png"/></a>
onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" style="opacity:1;filter:alpha(opacity=100)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP18VXE11G2wohO3UXOfhZAel3g-p2jITiImRKgUvfF2mBYjWPosJIffUspZcO_knmAtwMbyWDjSk6HCo476oOpVEED1I7z0pCOG6PeEnNVLZ4XpB4bD4GUXB8pVX-xMMAovGumZNKsH-Y/s400/home.png"/></a>
Demikian blogger tutorial mengenai Cara Membuat Efek Hover/Transparansi Pada Gambar dalam Postingan Blog.
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
LIVECASINO338 HOT GAMES :
BalasHapus☆ BACCARAT ☆ ROULETTE ☆ SIC BO ☆ DRAGON TIGER ☆ SLOT GAME ☆
Minimal deposit 25.000,- sudah bisa bermain disemua jenis game
? Register/Pendaftaran : http://livecasino3381.pkr69.com/
Bonus Rollingan 0.8%
Bonus Referral 3% [SEUMUR HIDUP!]
Proses Deposit dan WD cepat hanya 1 menit!
Contact Us :
BBM : 2AD88032
WA : +855965922558
YM : cs_livecasino338
Haloo pak^^
BalasHapusKami dari SENTANAPOKER ingin menawarkan pak^^
Untuk saat ini kami menerima Deposit Melalui Pulsa ya pak.
*untuk minimal deposit 10ribu
*untuk minimal Withdraw 25ribu
*untuk deposit pulsa kami menerima provider
-XL
-Telkomsel
untuk bonus yang kami miliki kami memiliki
*bonus cashback 0,5%
*bunus refferal 20%
*bonus gebiar bulanan (N-max,samsung Note 10+,Iphone xr 64G,camera go pro 7hero,Apple airpods 2 ,dan freechips)
Daftar Langsung Di:
SENTANAPOKER
Kontak Kami;
WA : +855 9647 76509
Line : SentanaPoker
Wechat : SentanaPokerLivechat Sentanapoker
Proses deposit dan withdraw tercepat bisa anda rasakan jika bermain di Sentanapoker. So… ? tunggu apa lagi ? Mari bergabung dengan kami. Pelayanan CS yang ramah dan Proffesional dan pastinya sangat aman juga bisa anda dapatkan di Sentanapoker.