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="http://4.bp.blogspot.com/-Mx1dr836sPw/T31lWzRm_fI/AAAAAAAAANs/CYxnEarN8hg/s400/home.png"/></a>



Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^

3 komentar:

  1. Mantab gan infonya, sangat bermanfaat ini buat ane. hehe
    Lowongan Kerja PT Sugar Group Companies - SGC Leadership Program - Juni 2015
    http://expocpnsbumn.blogspot.com/2015/05/lowongan-kerja-pt-sugar-group-companies.html

    BalasHapus
  2. Yuk yang hobi main poker, gabung bersama aku di www.sinidomino.com yukk

    SINIDOMINO Adalah Situs Poker Online Yang Menjamin Permainan 100% Tanpa Robot

    Buat Anda yang hobi bermain Poker Online
    Kini Telah Hadir Poker terbaik yang pernah ada yaitu SINIDOMINO.

    SINIDOMINO memberi Promo menarik bagi pecinta permainan kartu online :
    * Minimal DEPOSIT dan Withdraw Hanya RP. 20.000.-
    * Jackpot Hingga Jutaan Rupiah Setiap Harinya
    * Cashback Mingguan 0.5%
    * Bonus Refferal 20%

    Gabung sekarang juga dan dapatkan kemenangan yang luar biasa hanya di SINIDOMINO

    Untuk informasi lebih lanjut silahkan hubungi kami di :
    LiveSuppot 24 jam :
    * LiveChat : www.sinidomino.com
    * Pin BBM : D61E3506
    * Phone : +85598249684
    * Skype : sinidomino

    Terima Kasih Agan.

    Raja Poker, Dewa Poker, Poker Online, Judi Poker, Agen Poker Online

    BalasHapus
  3. 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

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

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