Cara Membuat Buku Tamu Yang Tersembunyi Di Samping Blogspot

Halo sobat saya dani blogger akan menjelas tips cara  bagaimana cara membuat buku tamu/undangan yang tersembunyi di samping blog kaya blog buku tamu yang ada di blog saya, buku tamu ini bisa juga di pasang di blog/website/wordpress ,yu kita langsung aja kita simak cara membuat buku tamu blog/website/wordpress yang tersembuyi agar lebih keren dan biar lebih irit tempat blog/website/wordpress yu kita simak caranya,,,!!!!!

1 Pertama kamu  Kunjungi alamat ini http://www.cbox.ws/

2 kemudian Sign Up dan Buat akun disana. Temen-temen cukup menggunakan email.

3 lalu buat username dan password

4 Dan isi alamat Website temen-temen

sampai nantinya, temen-temen bisa dapat kode script dari sana setelah temen-temen memverifikasi akun cbox temen-temen lewat email yang masuk.

Setelah temen-temen memiliki akun cbox dan kode scrip nya.. temen-temen cukup masukan ke widget di blog temen-temen.

1 Login https://www.blogger.com

2 Tambah gadjet

3 Tambah HTML

4 Lalu Copy paste kan kode Scrip cbox disana

Jika temen-temen ingin kotak cbox tersembunyi seperti yang saya miliki, maka tambahkan scrip seperti ini pada widget tadi. sehingga kurang lebih menjadi seperti ini 

<style type="text/css">

#gb{

position:fixed;

top:60px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:180px;

width:30px;

float:left ;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtzymoy44mGqPC_b9Fl5JPb5JgL5eq3JdHA0ojSjbSeVJQKfezfo3VmHiEBPSwQl7ymw_pprakCUPj9XcK-XOY-lPC6NO73xCWf5c71UwLReZ7t5pZXIYM8nRi-QyhiomKH-oSVulqPTM/w30-h100-no/tabs_upi.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">

SCRIP CBOX yang milik sobat

<br/>

Mau punya buku tamu seperti ini?<br/>

Klik di

<a href="http://daniblogger321.blogspot.co.id/2015/10/cara-buku-tamu-tersembunyi.html">

sini

</a>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

ementById("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">

Lalu kemudian tulusan yang berwarna merah gantikan  dengan SCRIP CBOX  yang punya sobat apahkah anda sudah pahan caranya? kalau belum tau caranya bisa berkomentar di bawah ini.sekian toturial cara 

Membuat Buku Tamu Tersembunyi Terbaru di blog/website/wordpress salam blogiing...!!!!