Cara Membuat Efek Hover/Transparansi Pada Gambar dalam Postingan Blog

By. Dedi Yahya S

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)"
  •  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>

Demikian blogger tutorial mengenai Cara Membuat Efek Hover/Transparansi Pada Gambar dalam Postingan Blog.


Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

2 komentar:

  1. Megan Ts2 September 2017 pukul 15.26

    LIVECASINO338 HOT GAMES :
    ☆ 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

    BalasHapus
  2. yessy haryanto22 April 2020 pukul 02.23

    Haloo pak^^

    Kami 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.

    BalasHapus