How to Create Message Greeting in your Blog?

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.

• 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

<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>

How To?

1. Setelah Login, klik "LAYOUT"
2. Kemudian pada halaman Tab Template - Elemen Halaman, klik "Tambahkan Sebuah Elemen Halaman"
3. Setelah jendela "Elemen Halaman Terbuka, pilih "HTML/Javascript". Lalu tambahkan kode Javascript di atas.
4. 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.)

Dan jika kamu ingin menambahkannya langsung kedalam Template Blog kamu lewat Kolom Edit Html maka kode Javascriptnya adalah sebagai berikut:

• 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

<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>

Note :

• 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.

Nah sekarang gimana?

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

Bookmark Posting ini :

 

« Artikel Terkait »

« Posting terbaru »