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">KETERANGAN :
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>
* 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:
keren sob ane coba dulu ya
wah pusing gambarnya muter" hahahay,,kunjungan baliknya yha bro >> http://fchords.blogspot.com/ <<
@Cah Gembloengz : hahah, kan bagus jga.... di tunggu ya kunjungan balik dari Saya...
@Widodo : ok monggo di coba...
trik,a mantep bro,,thx nih,,!!
@Surya.C.G : OK, sama2 gan...
follow sukses... aku tunggu followback nya Gan ..
4cj-community.blogspot.com
@Fisma Ananda : FolBack sukses gan, langsung ke TKP...
ohh iya bro,,ini otomatis ga ke semua gambar tanpa di edit lagi postingan kita eang ada gambar,a,,??
@Surya.C.G : gk brow, ini gk otomatis ke semua gambar.... ini hanya ada di postingan yg ditambahin Scriptnya aja....
artikel menarik...
kunjungan malam hari
tq bro mantap tempaltenya izin download ya?
Manteb banget postingan gan...
kunjung balik ya..
www.ipunkmeoww.blogspot.com
thanks gan tutornya dicoba~
thanks gan tutornya dicoba~
Mantap nih gan,,,
dicoba ah.. mksh
Maksih infonya gan
ane cari-cari nih
mampir ke blog ane ya
thanks bro
info yang saya cari ketemu disini sob.ijin ambil kodenya ya sob.maksih.by sensasifotoartis.blogspot.com
kerren gan kunjungi balik di www.ramabanten.us
Keren bangat gan gambarnya bisa berubah kaya gitu
Infonya yang sangat menarik gan
Terima kasih gan atas infonya
Terima Kasih, Postingannya Bermanfaat. . . .
Salam dari saya
Akhirnya ketemu juga. makasih gan. Blog android gue kebantu dah. kunjung balik gan kalo mau download game atau aplikasi android di aslafadroid.blogspot.com
Keren gan....
jgn Lupa Kunbal gan : http://peray-xr.blogspot.com/
siiip
thanks gan, kunjungi juga http://carajitublogger.blogspot.com
Posting Komentar