Thursday, April 25, 2013

Stylish Pop Up Chat Box For Your Blogger

Friends, Now i share a important information about add chat box into your blogger. It help to contact with customers and easy to communicate with them. You can add this code into your blogger effortless. First , read instructions carefully…

First, go to Cbox.ws and create an account. After sign up you will get a Cbox ID.

Then goto Blogger dashboard.

Select layout and hit on Add Gadget option.

Select HTML/JavaScript from given list.

Copy and paste below code in HTML/JavaScript box.

<div id="cboxbutton" style="position: fixed; bottom: 8px; right: 16px; width: 200px; padding: 3px; text-align: center; cursor: pointer; background-color: #EDF3F7; border:#C3D7E5 1px solid;border-radius: 3px; font-family: Tahoma, sans-serif; font-size: 14px;" onclick="togglecbox()">
<b>Open Cbox</b></div>
<div id="cboxdiv" style="display: none; position: fixed; bottom: 48px; right: 16px; width: 200px; background: #EDF3F7; padding: 3px; line-height: 0;border:#C3D7E5 1px solid;border-radius: 3px;">
</div>
<script type="text/javascript">
var cbvis = false;
var cbload = false;
var cbcookie = "cboxvis=";
function togglecbox () {
var cbdiv = document.getElementById("cboxdiv");
var cbbut = document.getElementById("cboxbutton");
if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = ' <iframe frameborder="0" width="200" height="298" src="http://www4.cbox.ws/box/?boxid=4123859&boxtag=39z1wc&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4123859" style="border:#9CB9FF 1px solid;" id="cboxmain4-4123859"></iframe>

<iframe frameborder="0" width="200" height="82" src="http://www4.cbox.ws/box/?boxid=4123859&boxtag=39z1wc&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4123859" style="border:#9CB9FF 1px solid;border-top:0px" id="cboxform4-4123859"></iframe>';
cbload = true;
}
cbdiv.style.display = "block";
cbbut.innerHTML = "Close Cbox";
}
else {
cbdiv.style.display = "none";
cbbut.innerHTML = "Open Cbox";
}
cbvis = !cbvis;
document.cookie = cbcookie+((cbvis)?1:0);
}
// Toggle Cbox open if it was previously
var cbcookiei = document.cookie.indexOf(cbcookie);
if (cbcookiei >= 0) {
if (document.cookie.substring(cbcookiei+cbcookie.length, cbcookiei+cbcookie.length+1) === "1") {
togglecbox();
}
}
</script>