Minggu, 09 Februari 2014
Memasang Guest Book / Buku Tamu Buka Tutup Keren dan Unik di Blog? Kenapa tidak? Saat gue post artikel ini, hati gue lagi seneng jadi buku tamu karya gue sendiri ini gue bagi ke sobat-sobat. GRATIS. :D Ya bagi sobat yang mungkin ingin memasang buku tamu unik dan kreatif sobat bisa comot deh buku tamu gue ini. Langsung saja gue tunjukkan cara pasangnya. Let's go sob :D
Oh iya sebelum itu gue tunjukkan nih penampakan buku tamunya,
So, Inilah langkah-langkahnya sob, check it dot: ;D
1. Anda harus punya dulu script buku tamu,kalau anda belum punya anda dapat mendapatkannya dari layanan gratis dimana anda dapat dengan mudah ambil itu script buku tamunya. Anda dapat mendaftar di cbox.ws.
Daftarnya mudah,kunjungi saja URL www.cbox.ws > klik sign up > isi data di kolom tersedia >Centang kotak kecilnya > klik Creat My Cbox.
Daftarnya mudah,kunjungi saja URL www.cbox.ws > klik sign up > isi data di kolom tersedia >Centang kotak kecilnya > klik Creat My Cbox.
Masuk ke email anda yang buat daftar tadi dan cari kiriman email masuk di inbox atau spam. Buka email dan klik link konfirmasi yang terlampir dalam pesan.
Setelah masuk halaman cbox,artinya anda telah punya akun,dan pada halaman itu pula silahkan anda ambil tuh script buku tamu anda,dan simpan.
langkah selanjutnya
1. Copy kode berikut,
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnZ8JA-hDdk6sDeN-oox8LbbdN6QImBEjE-kNcbwCzw6GdLnmhf996tP2_11587Gh4Viah_6kb85bUWb_Db9hz2ckA1RwrDHFRZdac0j5Ve_3CkHJblsImXrOe3ClTw6fCcW8uUIrnJw/s1600/Bukutamu6.gif') no-repeat;}.gbcontent{ float:left;
border:2px solid #A5BD51;
background:url(http://i42.tinypic.com/2vamr6b.png
);
padding: 0px;
padding-top: 84px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
</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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
isi dengan javascript cbox anda
<!-- END CBOX -->
<div style="text-align:right" color="#000000">
<a href="javascript:showHideGB()">
[Tutup DiSini Sobat]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnZ8JA-hDdk6sDeN-oox8LbbdN6QImBEjE-kNcbwCzw6GdLnmhf996tP2_11587Gh4Viah_6kb85bUWb_Db9hz2ckA1RwrDHFRZdac0j5Ve_3CkHJblsImXrOe3ClTw6fCcW8uUIrnJw/s1600/Bukutamu6.gif') no-repeat;}.gbcontent{ float:left;
border:2px solid #A5BD51;
background:url(http://i42.tinypic.com/2vamr6b.png
);
padding: 0px;
padding-top: 84px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
</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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
isi dengan javascript cbox anda
<!-- END CBOX -->
<div style="text-align:right" color="#000000">
<a href="javascript:showHideGB()">
[Tutup DiSini Sobat]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
2. Buka Blogger sobat
3. Pilih Tata Letak >> Tambahkan Gadget
4. Pilih lagi HTML/Javasript
5. Paste kode diatas pada tempat yang tersedia (biarkan kolom judul kosong)
6. Ganti tulisan berwarna kuning dengan kode CHAT BOX anda
7. Klik simpan
8. lihat aja ke blog anda
Catatan: Pastikan frame chat box isian dengan lebar 216 dan tinggi 133
Dan frame posting chat box dengan lebar 216 dan tinggi 24
