Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog




Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Zoom Pada Gambar Di Blog". "Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan", "Cara Membuat Effect Terang dan Gelap Pada Gambar". Dan kali ini Saya akan Posting tentang "Cara Membuat Gambar Berubah Saat Di Sorot Cursor Pada Blog". Sebagai Contoh, coba Kalian sorotkan Cursor Kalian pada Gambar di atas, pasti gambarnya akan berubah. Nah kita akan membuat yg seperti itu. OK kita langsung ke langkah-langkahnya.

[1]. Pertama, pastinya LogIn dulu ke BLOG Kalian masing2.
[2]. Kemudian dari Dasbor, cari Post, lalu buat sebuah Postingan Baru.
[3]. Lalu pada Mode Edit HTML pada Postingan, sisipkan Code di bawah kedalamnya.
<style type="text/css">
a.pic .image2{display:none}
a.pic:hover .image1 {display:none}
a.pic:hover .image2 {display:inline}
</style>
<center><a class="pic" href="LINK TUJUAN JIKA GAMBAR DIKLIK">
<img class="image1" src="URL GAMBAR 1" />
<img class="image2" src="URL GAMBAR 2" /></a></center>
KETERANGAN :
* Tulisan yg berwarna Biru, ganti dengan URL Tujuan jika Gambar di Klik.
* Dan tulisan yg berwarna Merah, ganti dengan URL Gambar Kalian.

SS Cara Menambahkan Codenya.


[4]. Dan terakhir, tinggal di Publikasikan dan lihat hasilnya.

Sekian Tips Blogger kali ini, semoga Tips ini bermanfaat buat Kalian, dan jika ada pertanyaan tentang Tips ini, silahkan Kalian tuliskan pertanyaan Kalian di Kotak Komentar di bawah.

----=| Salam Blogger Indonesia |=----

27 komentar:

Widodo mengatakan...

keren sob ane coba dulu ya

Cah Gembloengz mengatakan...

wah pusing gambarnya muter" hahahay,,kunjungan baliknya yha bro >> http://fchords.blogspot.com/ <<

Ngurah Jumaika mengatakan...

@Cah Gembloengz : hahah, kan bagus jga.... di tunggu ya kunjungan balik dari Saya...

Ngurah Jumaika mengatakan...

@Widodo : ok monggo di coba...

Surya.C.G mengatakan...

trik,a mantep bro,,thx nih,,!!

Ngurah Jumaika mengatakan...

@Surya.C.G : OK, sama2 gan...

Fisma Ananda mengatakan...

follow sukses... aku tunggu followback nya Gan ..

4cj-community.blogspot.com

Ngurah Jumaika mengatakan...

@Fisma Ananda : FolBack sukses gan, langsung ke TKP...

Surya.C.G mengatakan...

ohh iya bro,,ini otomatis ga ke semua gambar tanpa di edit lagi postingan kita eang ada gambar,a,,??

Ngurah Jumaika mengatakan...

@Surya.C.G : gk brow, ini gk otomatis ke semua gambar.... ini hanya ada di postingan yg ditambahin Scriptnya aja....

Ahmad Saadillah mengatakan...

artikel menarik...
kunjungan malam hari

Imam Sajo mengatakan...

tq bro mantap tempaltenya izin download ya?

Ipunk Meoww mengatakan...

Manteb banget postingan gan...
kunjung balik ya..
www.ipunkmeoww.blogspot.com

Awi Metalisa mengatakan...

thanks gan tutornya dicoba~

Awi Metalisa mengatakan...

thanks gan tutornya dicoba~

Khuncen mengatakan...

Mantap nih gan,,,

RB mengatakan...

dicoba ah.. mksh

Dunia Download mengatakan...

Maksih infonya gan
ane cari-cari nih
mampir ke blog ane ya

Anonim mengatakan...

thanks bro

Zaenal Abidin mengatakan...

info yang saya cari ketemu disini sob.ijin ambil kodenya ya sob.maksih.by sensasifotoartis.blogspot.com

Rama Banten RB mengatakan...

kerren gan kunjungi balik di www.ramabanten.us

timbangan lantai mengatakan...

Keren bangat gan gambarnya bisa berubah kaya gitu
Infonya yang sangat menarik gan
Terima kasih gan atas infonya

Asprila Rizky Adinda mengatakan...

Terima Kasih, Postingannya Bermanfaat. . . .
Salam dari saya

aslafa poenya mengatakan...

Akhirnya ketemu juga. makasih gan. Blog android gue kebantu dah. kunjung balik gan kalo mau download game atau aplikasi android di aslafadroid.blogspot.com

Peray Siregar mengatakan...

Keren gan....

jgn Lupa Kunbal gan : http://peray-xr.blogspot.com/

fais al mengatakan...

siiip

Regina Dwinanda mengatakan...

thanks gan, kunjungi juga http://carajitublogger.blogspot.com

Posting Komentar