Cara Membuat Teks Bantuan Pada Halaman Website

Pernahkah teman-teman saat memasuki halaman website tetapi bingung apa yang dimaksud pada halaman tersebut atau ketika ingin mengisi form tetapi bingung juga harus isi apa, dan ternyata di sebelahnnya ada tombol yang berisikan informasi apa yang harus diisi, dan membahas dan menjawab semua kebingungan yang tadi teman-teman alami, dengan cara membuat teks bantuan pada halaman website. Maka dari itu simak terus ya teman-teman.

Read more

Cara membuat teks bantuan pada halaman website kita akan menggunakan yang namanya Dialogs dimana dialogs di materialize berfungsi sebagai memperlihatkan konten atau memunculkan konten dimana konten yang tadinya tidak terlihat menjadi terlihat ketika dibutuhkan, sebenarnya fungsinya tidak hanya untuk cara membuat teks bantuan pada halaman website ya teman-teman, tetapi disini saya berfikiran cocok untuk tombol bantuan hehe, oke bagaimana cara membuatnya perhatikan kode berikut ini :

<!DOCTYPE html>

  <html>

    <head>

    <title>Cara Membuat Teks Bantuan Pada Halaman Website</title>

      <!--Import Google Icon Font-->

      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

      <!--Import materialize.css-->

      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>


      <!--Let browser know website is optimized for mobile-->

      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

      <style type="text/css">

               .container{

                               width: 900px;

                               margin: auto;

               }

      </style>

    </head>


    <body>

    <div class="container">

    <h1>Cara Membuat Teks Bantuan Pada Halaman Website</h1>

                    <a class="btn" onclick="Materialize.toast('Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry`s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.', 4000,'rounded')">Butuh Bantuan silahkan klik!</a>

                  </div>

      <!--Import jQuery before materialize.js-->

      <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

      <script type="text/javascript" src="js/materialize.min.js"></script>

      <script type="text/javascript">

               //kosong

      </script>


    </body>

  </html>

Coba teman-teman perhatikan

<a class="btn" onclick="Materialize.toast('I am a toast', 4000,’rounded’)">Toast!</a>

Didalam Materialize.toast  terdapat 3 value     (‘deskripsi’,waktunya,’bentuk’), oke bagaimana hasilnya:

Ketika kita klik “butuh bantuan silahkan klik” maka akan muncul teks penjelasannya, bermanfaat ya teman-teman dan saya rasa cukup sampai disini belajar kita tentang Cara membuat teks bantuan pada halaman website, semoga bermnfaat dan sampai jumpa pada artikel selanjutnya terimakasih.