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.
- 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.
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.
0 comments:
Post a Comment