Blog Free Widgets: Guestbook

Showing posts with label Guestbook. Show all posts

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

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

<a href="http://adf.ly/XYn31" target="_blank"><small>TabWidget!</small></a>
<a href='http://newbloggertips.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7hqfRi8KZiagofkBH6HR9Jpx3ixJ-wsqCMbbVhxemIOtYKFBDwB6_Yfz6Mn4wXdRlu9kEkO4gObE2dmByi8qaNIPp7H9HAZJzClwL29IgCPRggqw9M_EveRNSpyeZQ-Jr72fcvOhra6w/s1600/1x1juice.png'/></a></div>

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/AVvXsEhbRvkSDoJqUsQvfEW_JTREU_N0PpAd4EKaDxGwglfnE35sUXJefLcPrbbRmv_wwVBkh-L4-eCo8SJUyilPsAJulyV1F-rqSWPoaOpAHQuaR6-crSzUyVhTe2nHhm9-LBjeG9J2wH8DMbTh/s1600/chatbox.gif

Find

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

Demo [click here]

Monday, December 19, 2011

Hidden Guestbook Blog Widget

This is a guestbook widget that hide as a tab at right upper corner in the site. Here are some pict for you to choose . You can put shoutbox, shoutmix or any other chat based interactive or even follower widget in it. To put the picture right click on the pict bellow and choose COPY IMAGE LOCATION and replace the HTML/Java bellow find the PUT YOUR PICTURE HERE

Instructions to add html/java script you can click http://freewidget4u.blogspot.com/search/label/.Installing%20Widget

Copy / paste this code into your site

.gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://PUT YOUR PICTURE HERE') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #666666;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

<a href="http://adf.ly/XWbai" target="_blank"><span style="font-size: xx-small;">grabTHIS!</span></a>
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
</div>
</div>
<script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

find the code like the red word and put the HTML/Javascript like shoutmix or shoutbox between it.

Example paste the Shoutmix / shoutbox code

Friday, June 3, 2011

Stylish Guestbook with 5 Tab inside, Save Space and Stylish

Have problem with allot of widget and your blog look messy. Hurry and get a Stylish Guestbook with 5 Tab inside, Save Space and Stylish

Guestbook Tab Widget at the upper right

The script in HTML so add on your blog widget starting below here

For more guestbook image http://freewidget4u.blogspot.com/2011/12/hidden-guestbook-blog-widget.html

Copy / paste this code into your site

<table border="0" cellspacing="0" cellpadding="0" 
width="295">
<tbody>
<tr>
<td id="tt1" 
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid" width="59" 
class="Tab1" height="22" onclick="st2('1')" align="middle"><a id="aa1" 
class="srchlinksel2" href="javascript:undefined"><font
class = f12><b><center>
EDIT TAB 1</center>
</b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt2" 
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="59" 
class="tb2" height="22" onclick="st2('2')" align="middle"><a id="aa2" 
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center>
EDIT TAB 2</center>
</b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt3" 
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="59" 
class="tb2" height="22" onclick="st2('3')" align="middle"><a id="aa3" 
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center>
EDIT TAB 3</center>
</b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt4" 
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="59" 
class="tb2" height="22" onclick="st2('4')" align="middle"><a id="aa4" 
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center>
EDIT TAB 4</center>
</b></font
class></a></td>
<td style="BORDER-BOTTOM: #b5d6ef 1px solid" width="2">
<table border="0" cellspacing="0" cellpadding="0" width="2">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td id="tt5" 
style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef
1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM:
#b5d6ef 1px solid" width="59" 
class="tb2" height="22" onclick="st2('5')" align="middle"><a id="aa5" 
class="srchlink2" href="javascript:undefined"><font
class = f12><b><center>
EDIT TAB 5</center>
</b></font
class></a></td></tr>
<tr>
<td colspan="9">
<div style="BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP:
0px; BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 295px;
BORDER-BOTTOM: 0px" 
>

<table border="0" cellspacing="0" cellpadding="0" 
width="295" height="5">
<tbody>
<tr>
<td height="5"></td></tr>
</tbody></table>
<span style="gt;Widget edited by <a" href="#" target="_blank">freeWIDGET4u </span>

<!—Put your widget for TAB 1 -->

</font></td>
</tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
</div>
<div id="dd2" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 295px; BORDER-BOTTOM:
#b5d6ef 1px solid" 
>

<table border="0" cellspacing="0" cellpadding="0" 
width="295">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">

<!—Put your widget for TAB 2 -->

</font></td></tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
<div id="dd3" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 295px; BORDER-BOTTOM:
#b5d6ef 1px solid" 
>

<table border="0" cellspacing="0" cellpadding="0" 
width="295">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">

<!—Put your widget for TAB 3 -->

</font></td></tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
<div id="dd4" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 295px; BORDER-BOTTOM:
#b5d6ef 1px solid" 
>

<table border="0" cellspacing="0" cellpadding="0" 
width="295">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">

<!—Put your widget for TAB 4 -->

</font></td>
</tr>
<tr>
</tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
<div id="dd5" style="BORDER-RIGHT: #b5d6ef 1px solid;
BORDER-TOP: 0px; DISPLAY: none; VISIBILITY: hidden;
BORDER-LEFT: #b5d6ef 1px solid; WIDTH: 295px; BORDER-BOTTOM:
#b5d6ef 1px solid" 
>

<table border="0" cellspacing="0" cellpadding="0" 
width="295">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><font color="#16387c" class="f12n">

<!—Put your widget for TAB 5 -->

</font></td></tr>
<tr>
</tr>
<tr>
<td
height 4=></td
height></tr>
</tbody></table>
</div>
</td></tr>
</tbody></table>
<br/>
<a href="http://adf.ly/XWa1p">
<small>widget4u</small></a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Attention
Find the script like below and paste the HTML widget that you want to paste inside the tab. Find all the 5 tabs

Example:

<!—Put your widget for TAB 3 -->

paste the HTML widget between the red script --like this—(paste here)

and

find and change the red edit tab to display the name of your widget

Blog Free Widgets

Pages

Visitor also READ

Monday, October 14, 2013

Smooth Hover Mouseover blog Chat Tab Widget

Monday, December 19, 2011

Hidden Guestbook Blog Widget

Friday, June 3, 2011

Stylish Guestbook with 5 Tab inside, Save Space and Stylish

ShareThis!

You Might Like To Read

Statistic

Followers

I've Collect A flag from you

Feedjit