Blog Free Widgets: 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

2 comments:

ZJune 4, 2011 at 9:05 AM
feedjit will not work in this guestbook
Joly GeorgeNovember 16, 2013 at 3:25 PM
Your article is very informative, specially to the new individual entering to the field..... But I expect a little more detailed explanations for making the topic more clear for the common readers…. Sorry if am wrong....

Make Money , Blogging Tips, Widgets, Free Tools, Tricks

Blog Free Widgets

Pages

Visitor also READ

Friday, June 3, 2011

Stylish Guestbook with 5 Tab inside, Save Space and Stylish

2 comments:

ShareThis!

You Might Like To Read

Statistic

Followers

I've Collect A flag from you

Feedjit