Jumat, 08 Maret 2013

0 Cara Membuat Effect Berputar Dan Zoom Pada Setiap Gambar Di Postingan

                                       
  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="http://mrlandoh.blogspot.tw">
<img class="image1" src="Gambar 1" />
<img class="image2"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.

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.




Tidak ada komentar:

Jangan Lupa Berikan Comentarmu

JANGAN LUPA comen disini