Menyapa setiap pengunjung yang datang ke website kita merupakan hal yang sangat baik karena bisa membuat pengunjung merasa akrab dengan kita, atau paling tidak dengan website kita. Namun, hal tersebut akan membuat kita sedikit repot terutama jika pengunjung website kita sangat banyak, bisa puluhan, ratusan, bahkan ribuan. Kalau pengunjungnya masih sedikit seperti blog ini :( ya gak masalah. Untuk mengatasi masalah tersebut saya akan memberikan tips supaya kita tetap bisa menyapa pengunjung-pengunjung yang datang ke website namun tidak harus mengeluarkan tenaga yang banyak. Prinsip kerjanya adalah ketika seseorang membuka website kita, maka akan muncul kotak pesan yang berisi ucapan selamat datang dari kita sambil menyebut nama pengunjung itu sendiri. Berikut langkah-langkah membuat ucapan selamat datang kepada pengunjung web kita:
Untuk website nonblogspot:
- Buka file index website Anda, kemudian copy kode berikut dibawah tag <head> atau diatas tag </head>
<script src='http://nestoriko.googlepages.com/welcome.js' type='text/javascript'></script>
- Copy kode dibawah ini kebagian website dimana kita ingin menempatkan pesan kepada pengunjung website kita, misalnya kita ingin menempatkan pesan tersebut dibagian sidebar, maka dibagian tersebutlah kode dibawah ini ditulis.
<script>
document.write("WELCOME TO MY WEBSITE, " + getname() + "!");
</script>
- Login ke akun blogger Anda. Setelah masuk ke dasbor, klik link menu Tata Letak, kemudian pilih sub menu Edit HTML.
- Cari tag </head>, kemudian copy kode berikut ini diatas tag </head> tersebut
<script src='http://nestoriko.googlepages.com/welcome.js' type='text/javascript'></script>
- Pada menu Tata Letak, pilih kembali sub menu Elemen Halaman. Klik link menu Tambah Gadget yang ada dibagian sidebar sehingga muncul window baru yang berisi gadget-gadget yang bisa kita tambahkan. Pilih gadget HTML/JavaScript
- Copy kode dibawah ini kedalam kotak isian HTML/JavaScript tersebut, setelah itu klik tombol Save.
<script>
document.write("WELCOME TO MY WEBSITE, " + getname() + "!");
</script>
<head>
<script type='text/javascript'>
//<![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("Selamat datang, Silahkan masukan nama anda disini.",'');
//this asks for the name
var pesan = prompt("jangan lupa untuk jitak iklan ya..nanti ku jitak balik deh,Terimakasih!",'');
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>
</head>//<![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("Selamat datang, Silahkan masukan nama anda disini.",'');
//this asks for the name
var pesan = prompt("jangan lupa untuk jitak iklan ya..nanti ku jitak balik deh,Terimakasih!",'');
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>
Anda boleh mengganti tulisan "WELCOME TO MY WEBSITE" dengan tulisan lain yang Anda inginkan. Selamat mencoba dan jangan sungkan-sungkan bertanya melalui kotak komentar ya.
Seandainya segala sesuatu yang telah saya berikan ini bermanfaat bagi rekan-rekan semua.Sungguh saya ucapkan banyak Doa dan terimakasih kepada Mu Allah.SWT yang telah memberikan nikmat Berbagi sesama manusia dengan niat kebaikan dan kemajuan Negeriku ini..
Untuk mengganti tampilan adsense google yang menampilkan Iklan Layanan Masyarakat tersebut dengan adsense lokal. Anda harus mengupload script adsense lokal dengan extensi html kelayanan webhosting anda.
Bagi anda yang mempunyai keterbatasan ruang untuk meletakan widget Recent Comments, Saya akan mencoba membantu anda untuk membuat "Widget Recent comments" dengan efek overlay.
Efek yang akan saya bahas kali ini adalah membuat tampilan Guestbook dan status twitter melayang dan berada ditengah - tengah halaman blog. Kita akan menyediakan menu guestbook pada sisi kiri halaman.
Headline akan menggulung ke atas dengan sentuhan fade out ,seakan konten tersebut hilang dengan perlahan dan konten yang berada di bawahnya akan naik ke atas mengganti konten sebelumnya.
Umumnya Navigasi halaman dengan angka ini sering kita jumpai pada blog berplatform Wordpress. Namun bagi anda yang menggunakan platform Blogspot tak perlu berkecil hati, karena blogspot pun bisa mengadopsi tampilan NEXT dan PREV dengan widget Page Navigation Number.
Untuk meletakan Adsense didalam postingan, anda harus meletakan kode Script ads tersebut langsung ke template HTML blogspot. Sebagai langkah awal, silahkan anda login ke
7 comments:
bro... aq udah usaha kok lom bisa yac? mohon bantuannya...
Mr.Over_Dosiz: sudah aku liat source code templatenya,kok ga ada scriptnya..??
mohon bantuanya dong.... abis klik gadget HTML/JavaScript pas di simpan ko ga da perubahan ya...
gak bisa tu?????
:18
MAKASIH bro...
Post a Comment
Silahkan tinggalkan komentar anda dan harap tidak melakukan Spam..!!