Home » Ask (Forum) » Bagaimana cara membuat kotak teks deskripsi saat mouse di arahkan ke thumb postingan

Question

permisi misalkan posisi kita saat ini adalah di home, nah saat mouse di arahkan ke thumb akan muncul deskripsi tentang film tersebut…

tq

Jul 20, 2017 (4 weeks ago) - Posted by 5 Comments

5 Answers

  1. Mr. Shine says:

    Siang gan, jadi setiap hover ke poster film muncul deskripsi tentang film? Benarkah seperti itu?

    Terima kasih

    Administrator
    • stephan123 says:

      yep benar gan

      Register Member
    • Mr. Shine says:

      Baik gan, silahkan ikuti tutorial berikut ini:
      Pada folder theme wordpress agan, silahkan buka file index.php dan temukan line dibawah ini:

      <div class="bw_thumb">
      	<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>">

      Ganti menjadi:

      <div class="bw_thumb">
      	<a data-toggle="tooltip" data-placement="bottom" title="<?php echo bw_excerpt(130); ?>" href="<?php the_permalink() ?>">

      Selamat mencoba!

      Administrator
    • stephan123 says:

      tq atas reply nya gan sangat membantu, dan juga pabila hovernya kita arahkan kesamping dan isinya adalah title, category, actress name dsb nya tetapi bkn sinopsis gimaan gan ?

      Register Member
    • Mr. Shine says:

      Oh saya paham maksud agan, contoh yang saya berikan diatas, saya mengunakan “Tooltip” bawaan Bootstrap, link: http://getbootstrap.com/javascript/#tooltips

      Pada tooltip itu keterangan terletak pada atribut title=”isi keterangan”, jadi kalo seandainya agan mau menambahkan informasi seperti judul, kategori, dll, saya pikir tidak mungkin gan, karena Tooltip Bootstrap hanya terbatas pada 1 atribut title, artinya info yang ditampilkan hanya 1 saja.

      Alternatifnya, mungkin agan bisa mencari plugin jquery yang bisa menampung lebih dari 1 informasi, disini: https://plugins.jquery.com/

      Selamat mencoba!

      Administrator

Your Answer

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