English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified
You are here: Home » » Cara Membuat Efek Hover/Transparansi Pada Gambar dalam Postingan Blog

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>



Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

2 komentar:

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

Berlangganan Artikel Blogger Tutorial Melalui EMail. GRATIS!!
Masukkan Alamat Email Anda di Sini

...::: http://blogtutorials-01.blogspot.com :::...