Create Hidden Chatting Box For Blogger

Gadgets For Blogger - You know Chat Box? Well, this chat box hiding? How do tuh? Where tuh? Well, Chattingbox (Cbox, Shoutmix, or Shoutbox) were classified as live chat which can be placed or affixed on a website or blog. If my friend uses a blog, surely Chattingbox generally placed in the sidebar, footter, or message headers using javacript as a race. Well, if that is different. Chattingbox placed next to the scroll and hide.

The trick How to Create Hidden Chatting Box For Blogger:.

- Open the Pass da blog with ID and go to Page Element

- Add gadgets - Javascript - Enter the code below

- Copy and paste the code below


<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHCl
EVcvY/tabs.png') 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">
!YOUR CHATTING BOX PLACE HERE!
<div style="text-align:right">

<a href="javascript:showHideGB()">
[CLOSE CHATTING BOX]
</a>
</div>

</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


- Ok.

CAUTION: The word that reads https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghv2f8VPwaFGniRDkS_q60iTzl-Uu6AgRNuvL8RUDv4JQ-ZXaQTeiM832ZYGB9zFQRraFVfLTf9fRyOyR1ZDB6jD5fatVjvd3Zy-sKgF2Giv4LVbgXt2e-Smo1YxTB6tmxkdFfTn2r-Y5_/ changed according to taste buddy buddy. After, it says that reads !YOUR CHATTING BOX PLACE HERE! the code replaced Chattingbox pal. Code White is running speed Cbox when opened.

farixantips - Gadgets For Blogger