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

Unknown mengatakan...

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

Unknown mengatakan...

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

Unknown mengatakan...

@Widodo : ok monggo di coba...

Surya.C.G mengatakan...

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

Unknown mengatakan...

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

Fisma Ananda mengatakan...

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

4cj-community.blogspot.com

Unknown 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,,??

Unknown mengatakan...

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

writer mengatakan...

artikel menarik...
kunjungan malam hari

Unknown mengatakan...

tq bro mantap tempaltenya izin download ya?

Ipunk mengatakan...

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

Aw mengatakan...

thanks gan tutornya dicoba~

Aw 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

Admin mengatakan...

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

Unknown 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

askind mengatakan...

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

aslafa 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/

Unknown mengatakan...

siiip

Unknown mengatakan...

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

Posting Komentar