Membuat Tulisan Muncul Ketika Gambar Disorot

Trik ini bersifat unik dan tidak salah jika teman2 tertarik untuk mencobanya. Kenapa harus mencoba...? ya gak harus sih tapi kalau teman2 berminat monggo...cos yang namanya unik pasti banyak yang suka, ya lumayan kan buat memberi kesan yang unik kepada para pengunjung blog kita, lalu bagaimana teman2 tertarikkah untuk mencobanya. Oh iya dari tadi saya hanya ngoceh mlulu, nawarin untuk mencoba tapi kok gak diberi contohnya...gimana tooo...

Ok, bagi teman2 yang memang penasaran apa sih maksudnya "membuat tulisan muncul ketika gambar disorot"?, ya dah coba kursornya teman2 disorot ke gambar berikut



Adakah hal yang unik?

Yapz betul, ketika teman2 menyorot gambar di atas, maka ada tulisan yang muncul yaitu tulisan ini "Blog Kumpulan Tutorial Blogging di Blogger"

Lalu bagaimana cara membuatnya...?

Caranya gampang. Teman2 hanya membutuhkan kode script berikut ini

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6k5T5Fq5paVn8aLmPB_CMejMgm9S7XhrEo5CkN4bF5BTzca6CVFMYjXjAim72-EdTO89mpKigg5mNe4PvmQXRpLI76TOBsd0RAAxdxwPqj_1GQLRb_JAOyOaXt3qW-6Ieulwn9vIrZV2/" alt="t4belajarblogger.blogspot.com" border="0" title="Blog Kumpulan Tutorial Blogging di Blogger" />

Bagaimana, simpelkan?

yang perlu teman2 ubah adalah alamat URL gambar yang saya tandai dengan warna hijau, keterangan gambar yg berwarna merah, serta tulisan yang akan muncul ketika gambar anda nanti ada yang menyorotnya (lumut)

Kalau teman2 bertanya, bisa gak ya gambar di atas disisipi link, tapi tulisannya akan tetap muncul kalau disorot. Maka jawabannya BISA...

Trus bagaimana caranya....

Caranya gampang, teman2 hanya membutuhkan script berikut ini

<a href="http://t4belajarblogger.blogspot.com/" target="_blank" title="Blog Kumpulan Tutorial Blogging di Blogger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg6k5T5Fq5paVn8aLmPB_CMejMgm9S7XhrEo5CkN4bF5BTzca6CVFMYjXjAim72-EdTO89mpKigg5mNe4PvmQXRpLI76TOBsd0RAAxdxwPqj_1GQLRb_JAOyOaXt3qW-6Ieulwn9vIrZV2/" alt="t4belajarblogger.blogspot.com" border="0" /></a>

dan nanti hasilnya seperti berikut ini (Diklik ya...biar tahu bedanya)



Nah, tentu teman2 sudah pada tahu bagian yang mana saja yang harus diubah, kan dah ada contohnya tuh di atas...

Oh ya, script di atas adalah script banner ber-link dengan tipe open new tab dengan kata lain kalau tman2 mengkliknya maka akan terbuka pada halaman tab baru atau tab yang berbeda. Bagi teman2 yang ingin mengganti script tersebut menjadi script banner ber-link dengan tipe open same tab alias terbuka pada tab yang sama, maka caranya gampang. Teman2 tinggal menghapus tulisan target="_blank"

Dah itu selesai





Semoga Bermanfaat []

Tags: membuat tulisan muncul gambar disorot, memasang tooltips pada link gambar, membuat tulisan bermunculan, gambar bermunculan link gambar disorot, trik tips tooltips mudah