Cara Membuat Buku Tamu Tersembunyi

Cara Membuat Buku Tamu Tersembunyi.Padahal pagi ini saya belum sarapan,namun demi “lupa” ini, perut tidak jadi masalah. Ok? Seringkali saya lupa dalam mengganti template, widget yang telah ada lupa untuk di save terlebih dahulu,hingga begadang bermalam-malam jadi sia-sia.Bukan menggurui saya posting buku tamu ini,hanya sekedar penyimpanan saja bila satu saat saya membutuhkannya lagi tanpa harus membuka  buku catatan yg sudah lapuk dan usang.Buku tamu dalam sebuah blog atau website sangat penting perannanya.Dimana kita bisa mengetahui siapa saja yang berkunjung ke blog kita. 

Peningkatan  ukuwah kita sesama blogger,masih jadi pokok utama misi Cinta Deras dengan adanya buku tamu tsb. Sahabat bisa lihat di bagian sebelah kanan layar sobat, dan klik tab yang berwarna biru tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Ok sobat,kita langsung ke TKP ,dan ikuti langkah berikut:

Register atau sigup dulu tuk bikin Cboxnya disini setelah beres baru copy pastekan html cboxnya dan ganti kata  <!-- Ganti ini dengan kode buku tamu sahabat -->

Selanjutnya masuk ke account Blogger sobat, pilih Layout kemudian  Page Elements

Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",

Copy-paste kode di bawah ini:

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMETGM1vo8OtC4h7LmBc-RbiR_XHjuY4RmolBeYSk2Wyj-wd2YS-4hqOR4Z3nfHo9hRQLXvIj_qND4FU6EiTTM03ZU_5BZn0n32syW9aCqibOLBLVZGr-WRVLiWT91OiT4dLoI2XrNd1Y/') 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">

<!-- Ganti ini dengan kode buku tamu sahabat -->

<br/>

Mau Laptop Murah Berkualitas?<br/>

Klik di

<a href="http://yakomserui.blogspot.com">

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>

Keterangan :

Sahabat   bisa atur posisinya. Ubah nilai atribut top-nya. Kalau mau lebih ke atas, ubah   jadi 30px atau 20px, terserah sobat. Border juga background-nya bisa disesuaikan dengan kesukaan sahabat,silahkan kode warnanya sesuaikan disini .

Tanpa terlupakan .....,karena perut ini sudah keroncongan,ada yg mau sarapan pagi? Ikuti saya ,kita sarapan pagi bersama di MechWarg !

Selamat mencoba,semoga bermanfaat !