Assalamualaikum. Sobat ane mau post lagi ni tengtang Cara Membuat Buku Tamu / Chat Box Auto Hide Keren Di Blog. simak benar-benar ya!!!
Caranya :- Buat akun dulu di cbox dan login dengan akun anda tadi
- Pilih menu Publish!
- Klik Copy to clipboard dan paste di notepad/gedit
- Login ke blogger
- Pilih Tata Letak
- Kemudian klik tambahkan gadget dan pilih HTML/JavaScript
- Masukkan kode di bawah ini :
- Ganti kode yang berwarna biru dengan kode buku tamu milik anda sendiri
- Simpan gadget anda
- Untuk demo sudah saya terapkan di blog saya 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0auJsb3dp5ZhslgYmPlY9u3Ynfz5rETWvoz4XwVR5ApcQT_qEeBVlRhuLv9zVtE-sN-esn301KJXzv-QjsAS3wFlN131uwwo_xuZCs7kf3HiXc8nifG1RWwrDO4FOr1J6fgpV8jdO7na/s1600/chatbox.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 - v4.3 -->
<div id="cboxdiv" style="position: relative;
margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 300px; overflow:
auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#ababab 1px
solid;"><iframe src="http://www4.cbox.ws/box/?boxid=4261510&boxtag=4tdyq1&sec=main"
marginheight="0" marginwidth="0" frameborder="0"
width="100%" height="100%" scrolling="auto"
allowtransparency="yes" name="cboxmain4-4261510"
id="cboxmain4-4261510"></iframe></div>
<div style="position: relative; height: 80px; overflow:
hidden; border:#ababab 1px solid; border-top: 0px;"><iframe
src="http://www4.cbox.ws/box/?boxid=4261510&boxtag=4tdyq1&sec=form"
marginheight="0" marginwidth="0" frameborder="0"
width="100%" height="100%" scrolling="no"
allowtransparency="yes" name="cboxform4-4261510"
id="cboxform4-4261510"></iframe></div>
</div>
<!-- END CBOX -->
0 Comments
