Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Thursday, August 15, 2013

cara membuat pesan peringatan pada halaman blog

Cara membuat Alert atau yang biasa disebut dengan suatu halaman pesan pop up di halaman blog berguna untuk memberikan suatu pesan secara singkat buat para pengunjung halaman blog bilamana seorang pengunujung tersebut mengklik suatu link atau apapun itu tergantung kebutuhan halaman blog tersebut. Pada postingan kali ini saya akan memberikan suatu script yang singkat untuk melakukan hal tersebut. Pesan Alrt atau bisa juga disebut suatu pesan peringatan dapat anda sisipkan pada link anda. Setelah link anda di klik secara otomatis pesan yang telah anda atur kian akan muncul pada suatu jendela pop up yang baru, dan setelah pengunjung mengklik ok halaman rujukan link tersebut akan terbuka. Aplikasi ini dapat anda pergunakan untuk banyak hal. Untuk lebih jelasnya silahkan simak penjelasan tutorial dibawah ini. Oke langsung saja menuju TKP.

Untuk DEMO silahkan " klik disini "

Tutorial Alert Massage


  • Dalam tutorial kali ini saya membuat Allert Massage ( Pesan peringatan ) pada sebuah link agar link tersebut terkesan unik.
  • Perhatikan penulisan tag link dibawah ini.

    <a href="http://rivai-silaban.blogspot.com/" target="_blank" title="Alert Massage" >KLIK DISINI</a>

  • Perhatikan script singkat dibawah ini

    <onclick="MM_popupMsg(' Pesan anda ')"><script type="text/JavaScript">
    <!--
    function MM_popupMsg(msg) { //v1.0
    alert(msg);
    }
    //-->
    </script>


  • Pemakaian atau penggabungan kedua kode agar bila mana sebuah link di klik maka pesan peringatan akan muncul pertama kali, dan setelah tulisan OK di klik maka halaman yang dituju link tersebut akan terbuka.

    <a href="http://rivai-silaban.blogspot.com/" onclick="MM_popupMsg('Tampilan ini adalah tampilan pesan alert untuk halaman blog ini klik oke untuk menuju halaman yang anda pilih Salam Bloger')" target="_blank">
    <script type="text/JavaScript">
    <!--
    function MM_popupMsg(msg) { //v1.0
    alert(msg);
    }
    //-->
    </script>

    KLIK DISINI</a>

  • Perhatikan warna dan penulisan kode tersebut. sesuaikan dengan tutorial diatas, setelah kode tersebut dan pesan sudah anda buat silahkan save dan lihat hasilnya.

Keterangan Code

  • Silahkan perhatikan penulisan kode diatas dan semua warna tulisan kode tersebut.
  • Kode warna HIJAU adalah penulisan tag link
  • Kode warna KUNING tulisan link
  • Kode warna MERAH adalah kode script Alert Massage
  • Kode warna BIRU adalah pesan yang akan anda tulis yang menjadi Alert Massage.


Kesimpulan

Alert Massage ini dapat anda pergunakan untuk berbagai keperluan pada halaman blog anda, disamping scriptnya yang ringan sistemnya juga terbilang keren, sehingga menambahkan kesan unik pada link yang berada dihalaman blog anda.

Semoga tutorial ini bermanfaat buat anda, bila anda mengalami suatu kesalahan dalam membuat scriptnya silahkan coba kembali atau share bersama saya pada form komentar yang ada di bawah halaman ini.

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Unknown Update pada : 1:26 PM

2 comments :

  1. makasih info nya sob , ,
    sayang gg adda demo nya,,jadi lang coba , ,

    mampir diblog q sob

    ReplyDelete
    Replies
    1. sama sama..
      kok ngak ada demonya, itu link ' klik disini ' pada tutorial diatas...

      Delete

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog