How To Add Chat Box or ShoutMinx On Blog (Side Baar)

Chatbox or shoutmix is the most popular widgets for most bloggers.
So here i found a tutorial how to add chtbox or shoutmix on blogger sidebar.
Just Check Out.

Step:1

Go to www.cbox.ws 
&
Create A Free Account . (Sign Up)

 Step:2  
Now u need to shoutbox or shoutmix code first.

Step:3

Now Login to your bloogger a/c
Dashboared> Layout>Add Gadget>Select HTML/JavaScript


Step:4
Copy the following code & Add Elemant & Save: 


#gb{ 

position:fixed;

top:50px; 

z-index:+1000; } 

* html #gb{position:relative;} 

.gbtab{

height:150px; 

width:30px;

float:left; cursor:pointer; 

background:url(‘http://i683.photobucket.com/albums/vv193/vebyo/Guest3.gif’) no-repeat; 



.gbcontent{ float:left; 

border:2px solid #A5BD51; 

background:#F5F5F5; 

padding:10px;







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);} 

}

 

 

 

 

 


 put chatbox / shoutmix script here

 



.  





 

 

 

var gb = document.getElementById(“gb”); 

gb.style.right = (30-gb.offsetWidth).toString() + “px”; 








You may change the

put chatbox / shoutmix script here to your script chatbox.

Step:5

Save, see the results.

Stay ahead of the tech curve!

Subscribe to TricksFunn for the latest trends and insights.

Comments are like sprinkles on an ice cream sundae – they make everything better!

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Trending

Discover more from TRICKSFUNN

Subscribe now to keep reading and get access to the full archive.

Continue reading