Warning! if there is already a jquery script inside your blog, This widget will not work. You can choose the old version tab by clicking here
If none, Install it first by
- Go to TEMPLATE --> Edit HTML
- find the tag <head>
- Paste this script after it
example:
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
....
Then Here are the HTMLjavascript for the widget [click here for instruction to install html]
Copy / paste this code into your site
Find the the picture by clicking [HERE], and replace HTTP://INSERT YOUR TAB PICTURE URL
or choose this image
or choose this image
(right click on the gif chatbox image above
and choose copy image location.)
or copy this instead
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjpitkxVZRsAIoyH_Xcm0CZA4oaTg0Vp-rh-Njsqn6_zvCODyaBxYINJGKAeb1NyD6rwuIpV9-v_J-a30iaYsYEXJd4LBLQKDe109VR-KZQO35IV0HRyBGKvt7nHHbaGTIMZzjuIuHUMs5/s1600/chatbox.gif
or copy this instead
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjpitkxVZRsAIoyH_Xcm0CZA4oaTg0Vp-rh-Njsqn6_zvCODyaBxYINJGKAeb1NyD6rwuIpV9-v_J-a30iaYsYEXJd4LBLQKDe109VR-KZQO35IV0HRyBGKvt7nHHbaGTIMZzjuIuHUMs5/s1600/chatbox.gif
Find
<!-- INSERT CHATBOX -->
Paste your chatbox between it and make sure the width of your chatbox must only '250px'
<!-- END CHATBOX -->
Demo [click here]
