Untuk membuat blog agar lebih interaktif dengan
pengunjung maka cara berikut ini adalah sebuah alternatif yang dapat digunakan.
Yaitu dengan memasang sebuah form buku tamu yang dapat berisi kritik dan
saran ataupun sebuah sapaan pengunjung pada saat blogwalking.
Sebenarnya secara default kita sudah
memiliki fasilitas ini yaitu dalam bentuk form komentar yang dapat ditemukan
oleh pengunjung disetiap akhir posting, tetapi kita juga dapat membuat
fasilitas tambahan. Pada kesempatan kali ini kita akan membuat sebuah buku tamu
yang akan kita letakkan pada bagian kanan blog tepatnya menempel pada
layar monitor sebelah kanan.
Untuk membuat fasilitas ini
sangatlah mudah karena dasar kemampuan yang diperlukan adalah standard yaitu memasang widget kedalam blog, dan copy paste kode
berikut ini kedalam widget html. Mudahkan!?
Langkah-Langkah
Cara Membuat Buku Tamu Blog
1. Buka account blogger
2. Masuk rancangan
3. Tambah widget, pilih
HTML/Javascript
4. Copy dan paste kode berikut
kedalam widget HTML/Javascript
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) -->
<a href="http://adsloko.blogspot.com"> Cara Membuat Buku Tamu </a>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) -->
<a href="http://adsloko.blogspot.com"> Cara Membuat Buku Tamu </a>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
5. Ganti kode ini " <!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox)
--> " dengan kode yang telah
Anda miliki
6. Kode form buku tamu dapat
diperoleh secara gratis dengan mendaftar di penyedia jasa shoutmix seperti
http://www.shoutmix.com/ [daftar dulu tentunya ya gan]
7. Simpan
8. Terakhir adalah menikmati
hasilnya
9. Selamat mencoba AND GOOD LUCK GAN!!!!
Terimakasih telah berkunjung di blog
ini dan semoga anda sukses dengan segala usaha yang sedang dilakukan. Semoga
membantu......
EmoticonEmoticon