Ada beberapa pengunjung dan teman-teman blogger yang pernah menanyakan sebuah pertanyaan yang berbeda tapi sebenarnya maksudnya adalah sama.
Dan jika saya garis besarkan pertanyaannya adalah tentang "Bagaimana caranya membuat tampilan Prompt yang menyuruh user atau pengunjung untuk menuliskan namanya sebelum masuk kedalam blog ini?".
Sebenarnya caranya cukup simple kok!. Yaitu hanya dengan menambahkan kode Javascript dalam template atau layout blog.
Tapi sebelumnya, saya ingin menjelaskan sedikit akan fungsi prompt ini adalah untuk mengucapkan "Ucapan Selamat pagi atau Selamat siang dan Selamat malam" kepada pengunjung sesuai dengan waktu yang diatur pada komputernya masing-masing. Dan nama yang akan ditampilkan dalam blog adalah sesuai dengan nama yang dituliskan oleh pengunjung tersebut pada prompt box-nya. Gitu dech :D
Dan sekarang, lewat posting blog ini, dan tentunya juga untuk memenuhi janji saya kepada beberapa teman blogger, maka saya akan menjawab pertanyaan tersebut.
Adapun caranya adalah sebagai berikut :
Tambahkan kode Javascript berikut kedalam Layout Blog kamu.
Apa kamu tertarik untuk menambahkannya kedalam blog kamu ?
Dan jika saya garis besarkan pertanyaannya adalah tentang "Bagaimana caranya membuat tampilan Prompt yang menyuruh user atau pengunjung untuk menuliskan namanya sebelum masuk kedalam blog ini?".
Sebenarnya caranya cukup simple kok!. Yaitu hanya dengan menambahkan kode Javascript dalam template atau layout blog.
Tapi sebelumnya, saya ingin menjelaskan sedikit akan fungsi prompt ini adalah untuk mengucapkan "Ucapan Selamat pagi atau Selamat siang dan Selamat malam" kepada pengunjung sesuai dengan waktu yang diatur pada komputernya masing-masing. Dan nama yang akan ditampilkan dalam blog adalah sesuai dengan nama yang dituliskan oleh pengunjung tersebut pada prompt box-nya. Gitu dech :D
Dan sekarang, lewat posting blog ini, dan tentunya juga untuk memenuhi janji saya kepada beberapa teman blogger, maka saya akan menjawab pertanyaan tersebut.
Adapun caranya adalah sebagai berikut :
Tambahkan kode Javascript berikut kedalam Layout Blog kamu.
- Note : Kode untuk Bahasa Indonesia
<script type='text/javascript'> <!-- document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Silakan%20Tulis%20Nama%20Anda.%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Pagi%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Siang%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Selamat%20Malam%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E")); //--> </script>
- Note : Kode untuk Bahasa Inggris
How To?<script type='text/javascript'> <!-- document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Enter%20Your%20Name%2C%20Please%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Morning%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Afternoon%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Good%20Evening%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E")); //--> </script>
- Setelah Login, klik "LAYOUT"
- Kemudian pada halaman Tab Template - Elemen Halaman, klik "Tambahkan Sebuah Elemen Halaman"
- Setelah jendela "Elemen Halaman Terbuka, pilih "HTML/Javascript". Lalu tambahkan kode Javascript di atas.
- Terakhir klik tombol "Simpan Perubahan", lalu lihat hasilnya pada blog anda. (Note : Kode Javascript diatas bisa ditambahkan di bagian mana saja yang kamu sukai, tapi ada lebih baik jika kamu menambahkannya di bagian Header atau pada bagian atas dari Posting blog.)
- Note : Kode untuk Bahasa Indonesia
<script type='text/javascript'> //<![CDATA[ <!-- document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Silakan%20Tulis%20Nama%20Anda.%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Pagi%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Selamat%20Siang%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Selamat%20Malam%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E")); //--> //]]> </script>
- Note : Kode untuk Bahasa Inggris
Note :<script type='text/javascript'> //<![CDATA[ <!-- document.write(unescape("%3Ccenter%3E%0A%3Cscript%20type%3D%27text/javascript%27%3E%0A//%3C%21%5BCDATA%5B%0A%3C%21--%0Avar%20name%3Dprompt%28%22Enter%20Your%20Name%2C%20Please%21%22%2C%22name%22%29%3B%0Avar%20today%20%3D%20new%20Date%20%28%29%0Avar%20hrs%20%3D%20today.getHours%28%29%3B%0Adocument.writeln%28%22%3Cfont%3A%20normal%20150%25%20Verdana%2C%20Arial%2C%20Sans-serif%3B%27%3E%22%29%3B%0Aif%20%28hrs%20%3C%3D%2012%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Morning%20%22+name+%27%21%27%29%3B%0Aelse%20if%20%28hrs%20%3C%3D%2018%29%0A%20%20%20%20%20%20%20%20document.write%28%22Good%20Afternoon%20%22+name+%27%21%27%29%3B%0Aelse%0A%20%20%20%20%20document.write%28%22Good%20Evening%20%22+name+%27%21%27%29%3B%20document.writeln%28%22%3Cbr%3E%22%29%3B%0A//%20--%3E%0A//%5D%5D%3E%0A%3C/script%3E%0A%3C/center%3E")); //--> //]]> </script>
- Sebelumnya, kamu harus mem-backup Template blog kamu. Kemudian klik checkbox "Expand Template Widget". Dan tentunya kamu harus mengerti akan fungsi-fungsi dalam kode dalam template blog kamu, agar hasilnya bisa sempurna.
- Kedua kode Javascript ini, posisinya berada di tengah.
Apa kamu tertarik untuk menambahkannya kedalam blog kamu ?
DBK |
Terima Kasih telah berkunjung dan membaca posting ini. Punya Saran dan Kritik? Silakan tuliskan lewat form Komentar di bawah. Dan tolong jangan kasih komentar spam! |
|
|
Find Me on : Facebook | Twitter | Mybloglog | Grup Dunia Internet | NetworkedBlogs |
Kategori : Dunia Blogger
Bookmark Posting ini :
|
« Artikel Terkait »
« Posting terbaru »
Jumlah Komentar = 1 komentar:
Tuliskan Komentar Anda
pada Form di bawahMas bantu aku dong cara menuliskan huruf arab pada posting dan bikin menu bloggrol yang berbentuk kotak percis dengan buku tamu yang di blog saya bedanya itu bukan buku tamu tapi berisikan alamat2 blog temen makasih yaaaaaaa tolonnggg bgt