Stylish Pop Up Chat Box For Your Blogger

Views:

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: #3399CC; border:#999999 1px solid;border-radius: 3px; font-family: Tahoma, sans-serif; font-size: 14px;" onclick="togglecbox()">

    <b>Live Chat</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&amp;boxtag=39z1wc&amp;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&amp;boxtag=39z1wc&amp;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";

    }

    else {

    cbdiv.style.display = "none";

    cbbut.innerHTML = "Live Chat";

    }

    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>

Change RED color with your Cbox Script.
 

• Save it..

Leave a comment below…….. If not working………………….