Monday, October 14, 2013

Smooth Hover Mouseover blog Chat Tab Widget

New, A smooth hover (mouse over, no need to click, automatic scroll) open tab with jquery script guestbook (chatbox, chat place, shout box, chat zone, sembang tab, gossip, blogwalking widget) widget for blogger (blogspot, blog).

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
  1. Go to TEMPLATE --> Edit HTML
  2. find the tag <head>
  3. 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
(right click on the gif chatbox image above 
and choose copy image location.)
or copy this instead
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimWFcfSyVoAkojeROpfrCxURB61jqQnnTYJ3OgFk1SBPTBorNTvBnlCFe4SuuNE0hHfm5JMkmoX4oF6_EE-6SJIFUO_UM1-Gv7d3LBUX4UUi4xK41D5Uxv-YpVanl8bPeJWionem86jan/s1600/chatbox.gif

Find
<!-- INSERT CHATBOX -->

Paste your chatbox between it and make sure the width of your chatbox must only '250px'

<!-- END CHATBOX -->