Membuat Ucapan Selamat Datang

Adanya tulisan yang menyapa nama pengunjung blog kita tentu merupakan nilai tambah, karena pengunjung akan merasa "akrab" dengan blog kita dan mungkin betah berada di dalamnya (tentunya jika blog kita diisi dengan tulisan yang bermanfaat). Pada tulisan kali ini aku akan jelaskan cara membuat ucapan selamat datang kepada pengunjung, seperti yang bisa anda lihat pada bagian atas artikel di blog ini.

Panduan membuat ucapan sapaan kepada pengunjung ini menggunakan javascript. Anda dapat menggunakan file javascript yang diupload diserver sendiri (atau mungkin file punya orang lain), namun kelemahannya jika file tersebut telah melebihi kuota bandwidth, atau mungkin hilang karena sesuatu dan lain hal, tentu saja kode yang kita pasang tidak akan berfungsi.

Untuk menghindari hal tersebut, anda bisa menggunakan cara seperti yang aku pakai, yakni "menyimpan" (host) file javascript langsung di blogspot. keunggulannya tentu saja unlimited bandwidth, tidak bakal hilang selama blog kita masih ada, dan tentu saja gratis.

Tanpa berpanjang kata, mari langsung saja kita praktekkan membuat ucapan selamat datang kepada pengunjung.

1. Login ke dashboard blogspot
2. cari kode </head>
3. Kopi kode berikut dan letakkan DI ATAS kode </head>


<!-- js welcome visitor -->
<script type='text/javascript'>
<!-- *****************http://www.bewegaleri.com*****Nov,2010****************** -->

//<![CDATA[

function getname(){
//this is the name of the function
var thiscookie=document.cookie;
//this retrieves the cookie
var location=thiscookie.indexOf("surfername=");
//this is the location of where the information starts
var endlocation=thiscookie.indexOf(":");
//this is the location of the end of the information
if (location != -1){
//this checks to see if the cookie exists
var begin=location+11;
//this gets the location of the begining of the surfer's name
var yourname=thiscookie.substring(begin, endlocation);
//this grabs the value from the cookie
yourname = unescape(yourname);
//this unencodes the surfer's name
return yourname;
//this returns the surfer's name
}
else{
var yourname = prompt("Welcome, please enter in your name.",'');
//this asks for the name
document.cookie = "surfername=" + escape(yourname)+":" + "expires=Fri Dec 10 11:00:00 PST 1999";
// the above line sets the cookie with a name=value pair of surfername=value
// you may modify the expiration date by changing the expires=
}
return yourname; //this returns the surfer's name
}

//]]>

</script>

3. Pada menu Tata Letak, pilih kembali sub menu Elemen Halaman. Klik link menu Add Gadget pada bagian di mana tulisan selamat datang akan ditempatkan. Pilih gadget HTML/JavaScript. Jika anda ingin menambahkan tulisan tersebut di atas artikel (seperti blog ini), namun tidak ada menu Add Gadget pada bagian atas artikel, anda bisa menambahkannya dari sidebar, kemudian seret (drag) ke tempat yang anda inginkan. Jangan lupa menyimpan.

4. Copy kode dibawah ini kedalam kotak isian HTML/JavaScript tersebut :


<script>
document.write("Selamat Datang di Blogku, " + getname() + "!");
</script>

Anda bisa mengganti tulisan "Selamat Datang di Blogku" dengan tulisan lain yang Anda inginkan.

5. Simpan pekerjaan anda.

Note :
kode script di atas akan memunculkan popup agar pengunjung mengetikkan nama. Bagi sebagian orang mungkin hal ini membuat kurang nyaman. Kita bisa mengganti " + getname() + " dengan sapaan, misalnya "kawan", "teman", "bro", atau yang lainnya.