Cara membuat Buku tamu Sembunyi di Kanan atas

▬ Notes :
→ Anda harus sudah mendaftar ke Cbox
→ kalau belum, Daftar segera ke www.cbox.ws

1. Login ke akun Blogger

2. Masuk pada bagian Tata Letak.
3. Klik Tambahkan Gadget di posisi yang di inginkan.
4. Pilih mode HTML/Javascrpt.
5. Masukan kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:60px;
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/AVvXsEgEnnQJ1LI41x0YoF6JheIZq9mBCLJ2KLJ8C4o4o_FgTkxu2MWHRzYQtzt73CNQYTKcz2NYqs7UK5elgkTrgK15bM0WuG4F2qWgeGdlkxLpKPFQUy6ANAPxjuNjSEWZ0uuEImHKZ-CBeVk/s1600/ChatBox-.png') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #000000;
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">
..:: Paste Kode Buku Tamu Sobat Disini ::..
<div style="text-align:right">
<a href="http://troublemaker7.blogspot.com">
[H.S.A]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Lalu Simpan

Note : Tulisan berwarna Merah ganti dengan Kode buku kalian
           dan Tulisan Biru bisa diganti dengan Url gambar dibawah ini :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EBGbH9Wh5PcZ4r3o8_nKB423ctNrTzgURmh13XOoVo4vLk6CNJ-uIMXsBWUhZ_jxZiUiwiKb5AZeUOAA__hhyLxoUY1x-nQuxlqb8yu_bnsa-0SpVnJ8fLJb7p4aTOGVF2Tyxqc_k7g/s1600/Chatbox.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgPPqOtQHkyu8_27EJLkCFJvHT5Ckm6WtKWQZbpQeNtltCQ_Q6PsXU5-bVuhfTzzJwfOxoXlnARMK4cFjkrRdEu-Hf4HemsuGx4fijpIn9Ab9BVDRKiY3p5HYtNY8oGh8PjPm4yxESHSQ/s1600/Bukutamu3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0bRq1d9iP7lgOW00hYcdLnGOmt9W1yXwtZ6dXqj8P6HPJ9KMVBBPg_MbR72dXx3_wF0J6G1DfCKcQAw5Nt4Sfpn164xYF0u5wP1gb_P5m9QnpMQ1KmwoFyYzB0LFa9qcCqRUZrEuDQxU/s1600/bukutamu2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDZYQuGkrwzCoSVya_ZQtTtug27iRc4c19T824m8lF7juKUzLjhlUV9ZAmqCXPCaRcB1q5Nr0zbT4zZc7p9_9olu5mA1VbPn-Kv-XA9kxGJ10jR1gopKhhfdnpkiD79aMaWQ_w2zeSoPY/s1600/bukutamu5.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXTk7DDEywM0PhvuNUICTGJnSBw4ZQhVziW5XWE5NTjZRK7lZdsNGMCQ77XZ-LvSxKkOykQgq7ipQMNfUzEhSVvBydQ9zaqaQL1M1kY-l1_wReAh_Tz5WCHJDQVA8KW51Z5r-dTH98D2U/s1600/2131wkl.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU37q6xrrgSQKqy9MJw8kaFCNSxvWu-D-1HLPr4SGPN9L9bWW0UC_jIU9eHE2FY_9gYuYHvi6JT5U6XMSVi0RD6A2BV5FKKmxr30Y2lcAaisSB6WOQZpUhR3TAuLF1SdFFIsUrJ1wm0Ns/s1600/bukutamu4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0WADybZmcGPlEmPg7kxDeTzxuel5c_n_KSp9QVAWwt9oxnZ9xubujDdDnBwLfD1zIfHIRuQdTh7r1OsQ6Fz-W7eGmxrrkrIzIcGyBmZuveiwEYKuI-nXH-tJSNiDIiaCbFx-xu4TjT4/s1600/BukuTamu1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNL5r6tF6KKL1NCShNLcyRb7YRXZ-obOKePSImph5bD9Q_ZqQzEWNZT4MTFiELVHkT3VobDg8JwRpOd4E9lUjhSrv3PSLxHWmhqYbvtUzd8AysudCucvA8rif_hxxxRNr-nyjVBkI6XBY/s1600/Bukutamu6.gif

Share this

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Share this with short URL Get Short URL