بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم
Kali ini Kang Yus Mencoba Berbagi Salah Satu Tutoial Pada Blog Yaitu Cara Membuat Foto/Gambar Berubah Saat Di Lintasi Cursor Pada Blog. Dan Sebenarnya Tutorial Seperti ini Sudah Tidak Asing Lagi Bagi Para Blogger Yang Udah Senior,,, Tpi Kang Yus tetap ingin membagikannya karena siapa tahu masih ada Sobat Yang Baru Gabung di Dunia Blogger...
Sebagai Contoh, coba Gambar di atas Sobat Lintasi dengan Cursor , pasti gambarnya akan berubah. Nah kita akan membuat yg seperti itu. OK kita langsung ke langkah-langkahnya.
[1]. Pertama, pastinya LogIn dulu ke BLOG Sobat 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>
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 Sobat, dan jika ada pertanyaan tentang Tips ini, silahkan Sobat tuliskan pertanyaan Sobat di Kotak Komentar di bawah.
----=| Salam Blogger Indonesia |=----
0 Comments