Cara membuat buku tamu tersembunyi disebelah kiri dan kanan

Cara membuat buku tamu tesembunyi termasuk mudah
nih ada sedikit tips bagi anda para blogger Indonesia tentang cara membuat buku tamu tersembunyi caranya gampang kok ini dia:

              1.Masuk dulu ke blog sobat melalui www.blogger.com

              2.Setelah muncul jendela dasbor klik TataLetak

              3.Klik tambah gadget/html java script

              4.copy pastekan kode beikut ini:

Gambar untuk buku tamu sebelah kanan :

Ini script untuk sebelah kanan :

<style type="text/css">

#gb{

position:fixed;

top:10px;

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/AVvXsEgS2thrwPXEFz3JEY5G6VsT7hLcEVVseG7xm0w3IyuhE4CQl7GxYP3tu5v89VR90KDbUF3rMTYus0J4HQej9ddJL9Q9eqt_HjqURQCLVF89YFvErmW772ZWTL79fW_YOhP12XE6bHtL0Lxa/') 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">

<--------------Masukkan kode script buku tamu anda disini-------------->

 

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href=" http://arioutsider69.blogspot.com/2012/07/cara-membuat-buku-tamu-tersembunyi.html ">
                  AriOutsider69
              </a>
          </div>

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

 Gambar buku tamu sebelah kiri :
 

Ini script untuk bukutamu disebelah kiri :

<!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com START -->
 <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YCcO1Q9AYC7zGK83TIIgvAJvvjMjoZGvZa69w3rM6rfKGvFzd_f3VFETpdyCrJZzQN19dHChqgGKGE3nKjz3VZvVz_MVVqkeoRMxE5nCpbTF4ldXD5PSMivMZuv3t4sqsTaMmgOMQHav/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
 .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">

<------Ganti tulisan ini dengan widget buku tamu anda------>

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href=" http://www.arioutsider69.com/2012/07/cara-membuat-buku-tamu-tersembunyi.html ">
                  Belajar dari internet
              </a>
          </div>


<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->  </span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com END --></div>

Keterangan : ganti tulisan yang berwarna merah dengan kode widget buku tamu anda
kode yang berwarna biru adalah posisi bukutamunya semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya

Mudah kan selamat mencoba!!!!!

Cara membuat buku tamu tersembunyi disebelah kiri dan kanan 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share 'Cara membuat buku tamu tersembunyi disebelah kiri dan kanan' On ...

Anda baru saja membaca artikel yang berkategori Panduan Blog dengan judul Cara membuat buku tamu tersembunyi disebelah kiri dan kanan. Anda bisa bookmark halaman ini dengan URL http://arioutsider69.blogspot.com/2012/07/cara-membuat-buku-tamu-tersembunyi.html. Terima kasih!

Ditulis oleh: AriOutsider69 - Minggu, 22 Juli 2012