Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Memunculkan Pesan Saat Disorot Mouse

Cara Memunculkan Pesan Saat Di Sorot Mouse-Apakah Anda pernah melihat ketika sedang berkunjung ke blog/web orang lain ketika sedang asyik membaca artikel sambil menggerakkan kursor mouse tiba-tiba ketika kursor mouse itu mengarah ke gambar/tulisan tertentu keluar pesan melayang dengan beberapa kalimat didalamnya?

Pesan melayang saat disorot kursor mouse tersebut merupakan fungsi tooltips blog. Untuk mengetahui lebih lanjut tentang tooltips silahkan cari di pencarian google aja ya karna pada artikel ini saya akan fokus pada Cara Memunculkan Pesan Saat Di Sorot Mouse.

Ok mari kita langsung ke topik pembahasan Cara Memunculkan Pesan Saat Di Sorot Mouse, untuk tahap pembuatannya bisa ikuti dibawah ini:

  • Pada langkah pertama silahkan login ke akun blog Anda
  • Pada dashboar pilih Template
  • Pilih Edit HTML
  • Cari kode ]]></b:skin> kemudian copy dan paste kode dibawah ini tepat diatas kode ]]></b:skin>
.icontandatanya {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
padding: 0 4px 0 0;
background: url('http://giribig.com/wp-content/uploads/2015/03/giribig.com-01.png') no-repeat;
}
.tooltipblog {
display: none;
width: 200px;
position: absolute;
padding: 8px;
margin: 4px 0 0 4px;
top: 0;
left: 16px;
border: 1px solid #76B6D7;
border-radius: 0 8px 8px 8px;
background: #bedffe;
font-size: 10px;
box-shadow: 0 1px 2px -1px #21759B;
z-index: 999;
}
.tandatanya {
color:#000;
background-position: 0 0;
}
.tandatanya .tooltipblog {
border-color: #76B6D7;
background-color: #bedffe;
box-shadow-color: #21759B;
}
.icontandatanya:hover .tooltipblog {
display: block;
}
  • Terakhir klik Simpan

Tahap selanjutnya silahkan buat artikel baru dan masukan kode dibawah ini pada HTML

<span class="icontandatanya tandatanya">
<span class="tooltipblog">Pesan Anda disini</span>
</span>

Untuk demonya sebagai berikut:

Cara Memunculkan Pesan Saat Di Sorot Mouse

bagaimana mudah bukan Cara Memunculkan Pesan Saat Di Sorot Mouse? Jika masih ada pertanyaan silahkan kirim pertanyaan Anda pada kotak komentar dibawah ini. Oh iya saya juga membahas tentang Pop-Up Windows. Tooltips dan Pop-Up memang berbeda namun memiliki fungsi yang sama yaitu menyembunyika sebuah objek. Untuk penerapannyapun tentu berbeda dan bisa Anda lihat pada artikel Cara membuat dan memasang Pop-Up Windows di Blog.

Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN

Add a Comment

Your email address will not be published. Required fields are marked *

Read previous post:
CARA SETTING ADDON SATU HOSTING 2 DOMAIN

Cara Setting Addon Satu Hosting 2 Domain-Gak ada hujan gak...

Close