Memasang buku tamu tersembunyi

Selamat malam sahabat Pucanglaban. pada kali ini saya akan share satu tips tentang Memasang buku tamu tersembunyi.  Sahabat pasti penasaran bagaimana sih cara Memasang buku tamu tersembunyi? Ok tidak usah berlama lama basa basinya ya?!  Untuk memasang fungsi auto hide kotak Shout Box pada sebelah kanan blog, mohon ikuti beberapa langkah di bawah.

Langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya klik pada HTML/Javascript.

Langkah 2

copy paste berikut ini pada 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLRC8cpA2IzO6gFS1xbvrByuchwyb3r9wwlfGa3IvhjVGosUySEaeonnT370jnyKHQsLNc9N8tIMoSuWPknMDIOUYhs5AhaPU-_TuhU-2k9OpYK5lGjNG63rOUb-5aCdmauwhXilntimr/s320/tabs.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #666666;

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

Masukkan kode Shout Box di sini

<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>

kemudian sahabat ganti Masukkan kode Shout Box di sini dengan kode shout box sahabat.

kemudian klik simpan. mudah kan?
Semoga tutorial ini bermanfaat.


pucanglaban.com informatif, kompetitif dan kreatif bersama berbagi ilmu dan pengetahuan.
posted by: Khoirul Anwar