Paste Text adalah Blog yang Berisi Seputar Turorial Blog, Komputer dan Bisnis Online.

Cara Masang Buku tamu Auto Hide atau Melayang di Blog


Masih terkait Tutorial Blog,Kali ini saya mau post lagi tentang Blog Tutorial, yaitu cara memasang buku tamu melayang .kali ini kita akan menggunakan buku tamu dari CBOX.
Berikut Selengkapnya :

1. Daftar dulu ke CBOX.
2. dapatkan code chatbox disini. Setelah mendapatkan Codenya, 

    Sign in ke blogger dan silahkan Login dengan Account Anda
3. Pilih Rancangan/Tata letak
4. Pilih Page Elemen/Elemen Halaman
5. Klik Add a Gadget/Tambah Gadget
6. Lalu pilih "HTML/JavaScript"
7. Kemudian Copy-Paste kode di bawah ini :
_______________________________________________________________________



<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="275" height="240" src="http://www7.cbox.ws/box/?boxid=712645&amp;boxtag=3prsa8&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-712645" style="border:#ababab 1px solid;" id="cboxmain7-712645"></iframe></div>
<div><iframe frameborder="0" width="275" height="80" src="http://www7.cbox.ws/box/?boxid=712645&amp;boxtag=3prsa8&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-712645" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-712645"></iframe></div>
</div>
<!-- END CBOX --><br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://paste-text.blogspot.com/2012/05/cara-memasang-buku-tamu-melayang.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Note :
- Yang Berwarna Hijau Itu Gambar Buku Tamunya
- Yang Berwarna Biru Ganti Dengan Kode Cbox Kamu


Anda baru saja membaca artikel yang berkategori Tutorial Blog / Widget dengan judul Cara Masang Buku tamu Auto Hide atau Melayang di Blog. Anda bisa bookmark halaman ini dengan URL http://paste-text.blogspot.com/2012/05/cara-memasang-buku-tamu-melayang.html. Terima kasih!
Ditulis oleh: Unknown - Kamis, 03 Mei 2012

4 komentar untuk "Cara Masang Buku tamu Auto Hide atau Melayang di Blog"

  1. Siiip deh, blog q skrg tambah keren berkat tutorial anda. Thank...Bung!

    BalasHapus
  2. sama sama gan,,
    trima kasih kunjunganya,.

    BalasHapus
  3. keren dah pak admin..kalau cara masang facebook auto hide atau melayang di blog itu gimana caranya pak admin >??

    BalasHapus
  4. Apakah CBox sekarang masih bagus ya?? saya rasa udah jarang yang pakai

    BalasHapus

Blog ini Dofollow, Silahkan poskan komentar sobat mengenai Artikel di Blog ini, Admin akan selalu berusaha membantu, be happy »