Cara Membuat Pesan Peringatan di Blog

Dengan memasang widget ini di blog, kita dapat menampilkan pesan peringatan untuk memberikan pengumuman,informasi atau memperingatkan para pengunjung sebelum mereka melihat seluruh isi dari blog kita. Jadi, saat pengunjung masuk blog kita, maka yang pertama kali tampil adalah pesan peringatan atau box dialog yang akan kita bahas ini. Trik ini mungkin akan terlihat berbeda di beberapa browser dan sistem operasi.

Pesan peringatan atau box dialog ini juga bermanfaat apabila blog kita berisi konten dewasa, saat pengunjung tidak menginginkan melihat isi blog dengan mengklik "cancel, maka kita bisa me "redirect" atau memindahkan pengunjung ke situs/blog yang lain sesuai keinginan kita.

Pesan peringatan ini juga akan aktif walaupun browser pengunjung menonaktifkan javascriptnya, tetapi dengan pesan peringatan yang berbeda, sesuai settingan kita pada script/kodenya.
Untuk lebih jelasnya, ikuti langkah-langkahnya (bahasa aku baku bangeeeet coy... :D )


1. Pesan peringatan tanpa "redirect"
Langkahnya :
login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:


<script type="text/javascript">
alert('Anda Memasuki situs penuh lelucon!')
</script>
<noscript>Aktifkan javascript dibrowser anda karena ada pesan penting dari pemilik blog ini...</noscript>


Keterangan :
- Teks berwarna biru adalah pesan peringatan atau ganti dengan keinginan kita
- Teks berwarna hijau adalah pesan saat javascriptnya browser pengunjung nonaktif

2. Pesan Peringatan dengan tombol Konfirmasi (untuk blog konten dewasa)


Langkahnya :
login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript. Masukkan kode di bawah ini:


<script type="text/javascript">
confirm('Situs ini berisi konten dewasa, apakah ingin dilanjutkan?');
if (confirm('Anda yakin ingin melanjutkan?')) {
window.location = "http:/dimas-13.blogspot.com/";
}
else {
window.location = "http://www.fortmas.blogspot.com/";
}
</script>



Keterangan
- Teks warna kuning adalah pesan peringatan pertama
- Teks warna ungu adalah pesan peringatan ke 2 setelah pengunjung mengklik tombol yes
- Teks warna biru ubah dengan URL blog kalian
- Teks warna hijau adalah URL redirect



3. Pesan Peringatan dengan form
Dengan box dialog ini kita dapat meminta pengunjung untuk memasukkan namanya di form isian, selanjutnya nama pengunjung tersebut akan tercatat dan saat blog kita di reload/refresh oleh pengunjung tersebut maka akan ada ucapan seperti welcome back, selamat datang lagi dan lain-lain sesuai yang kita masukkan pada script nantinya. Trik ini hanyalah untuk menambah sentuhan pribadi pada blog kita, jadi tidak akan mempengaruhi pada template kita.

Langkahnya :
login ke akun anda, masuk ke Template -> Elemen Halaman -> Tambahkan Elemen Halaman dan pilih HTML/JavaScript.
Masukkan kode di bawah ini:

<script type="text/javascript">
var yourName = prompt(&quot;Boleh tau nama anda?", "Tamu");
</script>



Keterangan :
Ganti teks warna merah sesuai keinginan

Pengunjung blog kita tentu saja bisa menolak memberikan namanya dengan mengklik CANCEL atau membiarkan form isian kosong dengan mengklik OK dan itu tentu tidak akan tercatat, serta tidak akan menampilkan pesan "welcome back" tersebut saat di refresh. :)

Pesan "welcome back"
Contoh :


Langkahnya sama dengan diatas!

Welcome back <script type="text/javascript">document.write(yourName)</script>! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again <script type="text/javascript">document.write(yourName)</script>

Keterangan :
Ganti teks warna merah sesuai keinginan.


Bagaimana teman-teman? ngerti ngga dengan penjelasan diatas?
Rasanya itu udah yang termudah yang coba aku paparkan dan juga sudah menggunakan bahasa baku, menurut aku lho... :D
Oke guys, bila ada pertanyaan silakan tanyakan pada kolom komentar dibawah ini... :)

.::Selamat Mencoba::.

1 comments:

zir mengatakan...

thenks dimas untk artikelnya :)
salam kenal dari kami
anak cupu :)

Posting Komentar

Followers

mohon klik iklan ini

English Arabic Korean Japanese Chinese Simplified Russian Portuguese German Spain Italian

recent-comments