Tips Blogspot: 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.

Tweet

Artikel Lain Yang Berhubungan

Tips Blogspot

• Mempercantik Tampilan Blog dengan jQuery
• Bagaimana Meredirect URL di Blogspot
• Bisakah Blog Personal Digunakan untuk Niche Tertentu?
• Tips Ttrik BlogspotMengelompokkan Tulisan Berdasarkan Label
• Tips Trik Blogspot Membuat Sub Judul di Artikel Blogspot
• Bagaimana Menampilkan Blog Lain dengan IFrame
• Tips Blogspot: Mengganti Author Name
• Cara Membuat Halaman Statis pada Blogspot
• Tips Blogspot : Membuat Menu Search
• Tips Blogspot: Membuat Related Post
• IntenseDebate, Sistem Komen Baru
• Memasang Iklan PPC di Tengah Artikel
• Membuat Related Post Cantik di Blogger
• Memberi Sentuhan Style pada Komentar
• Memasang Tombol Social Bookmark di Blogspot
• Memasang Iklan PPC di Atas Kotak Komentar
• Menambahkan Tombol Link Scroll To Top
• Menambahkan Chiklet Twitter Counter ke Blog
• Jump Links, Fitur Read More di Blogger
• Menambah Tombol Add to Technorati ke Blog
• Cara Memasang Widget Hanya di Homepage
• Tips Blogger: Host File Javascript Unlimited Bandwidth
• Trick Hosting Image untuk Template Blogger Unlimited Bandwidth
• Widget Recent Post dengan Thumbnail untuk Blogspot