FREE WIDGET: 2011

Sunday, December 25, 2011

Check My IP Number

/|\
| This Is Your I.P. Address, OS, Country and Browser
|

to put it in your site copy the html code bellow

What is my ip number.

Copy / paste this code into your site

Like, tweet, Large Share Balloon Buttons Widget

Want a large share button on every post on your entry. Click the Picture or Here to get one. Weather you are using it to share article from from platform like a website, wordpress, drupal, Joomla, Blogger, Typepad, Tumblr, Posterous, or Newsletter. There 3 type buttons to chose.. but you must login first

Sample at footer

Saturday, December 24, 2011

Mickey Mouse Welcome Widget

A widget / gadget from the animation / anime Mickey Mouse, for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

Copy the widget code and paste it on your blog or web page (in HTML View) .thanks ;)
For Html/ javascript Installation click here

WIDGET / GADGET (sidebar/ in-line) - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== sample widget ===

Patrick Welcome Widget

A widget / gadget from the animation / anime Patrick (anime spongebob squarepants), for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

Copy the widget code and paste it on your blog or web page (in HTML View) .thanks ;)
For Html/ javascript Installation click here

Corner left - copy this code if you want to put it on bottom left position:

Sidebar - copy this code if you want to put it on your sidebar:

=== sampel widget ===

Spongebob and Patrick Welcome Widget 2

A widget / gadget from the animation / anime Spongebob Square Pants and Patrick the Star Fish, for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

Copy the widget code and paste it on your blog or web page (in HTML View) .thanks ;)
For Html/ javascript Installation click here

WIDGET / GADGET (sidebar/ in-line) - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== sample widget ===

Doraemon Welcome Widget

A widget / gadget from the animation / anime Doraemon (blue future cat), for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

Copy the widget code and paste it on your blog or web page (in HTML View) .thanks ;)
For Html/ javascript Installation click here

WIDGET / GADGET (sidebar/ in-line) - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== sample widget ===

Hello Kitty 2 Welcome Widget

A widget / gadget from the animation / anime pink cat (cute hello kitty), for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

Copy the widget code and paste it on your blog or web page (in HTML View) .thanks ;)
For Html/ javascript Installation click here

WIDGET / GADGET (sidebar/ in-line) - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== sample widget / gadget ===

Keropi Welcome Widget

A widget / gadget from the animation / anime Keropi (cute green frog), for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

Copy the Green widget code text and paste it on your blog or web page (in HTML View) .thanks ;)

WIDGET / GADGET - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== WIDGET sample ===

Sasuke Welcome Widget

A widget / gadget from the animation / anime Naruto, for web, blogspot, blog, WordPress or etc. Invite, welcome visitor to leave comment and follow.

WIDGET / GADGET (sidebar/ in-line) - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== sample widget / gadget ===

Naruto Welcome Widget

Naruto welcome widget or gadget for web, blog, blogspot, wordpress, etc. A flash still image with bubble welcome words. Invite to follow.

WIDGET / GADGET (sidebar/ in-line) - Copy / paste this code into your site

BOTTOM LEFT - Copy / paste this code into your site

BOTTOM RIGHT - Copy / paste this code into your site

=== sample widget ===

Sunday, December 18, 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

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

Example paste the Shoutmix / shoutbox code

Wednesday, December 14, 2011

Blog Human Calendar Widget

Click at the widget below to get yours for free. You can costomize it size for 2x2 or 3x3, small or big.

Here the widget \/

Analog Cube / cubic Clock

Cube clock for blogger / blogspot. The cube rotate while the clock runs inside the cube.
The code in HTML/ Java script is in the green text

*If you have a problem to install html/java script it in blogspot, please click [here]


<center><a href="http://freewidget4u.blogspot.com/2011/12/analog-cube-cubic-clock.html" onclick="window.open(this.href);return false;"><iframe src="http://www.geocities.jp/orange_lace_flower/cubic_clock.swf" style="width: 200px; height: 200px" scrolling="no" frameborder="0"></iframe></a><br /><small><a href="http://freewidget4u.blogspot.com/2011/12/analog-cube-cubic-clock.html" target="_blank">GrabThis!</a></small></center>


widget sample

GrabThis!

Friday, December 2, 2011

Spongebob Clock Widget - 2

Love spongebob, so grab this free widget / gadget into your blog

*If you have a problem to install html/java script it in blogspot, please click [here]


<center><a href=http://freewidget4u.blogspot.com/2011/12/spongebob-clock-widget-2.html onclick="window.open(this.href);return false;"><embed src=http://www.swfcabin.com/swf-files/1305682786.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed></a></center>

=== sample widget ===

Cuteki clock

A cute frog clock. there's more after the link

http://www.cuteki.com/widgets/clocks/

Cuteki free cards

Cuteki Pin Widget

A free pin widget. Hover over it and there's more animation. says, Thanks for following my blog.

more pins link = http://www.cuteki.com/widgets/pins/pin-widget.aspx?id=3

Cuteki free cards

Cuteki calendar widget

A free and cute calendar. More of them inside here

click the link to download = http://www.cuteki.com/widgets/calendars/calendar-widget.aspx?id=2

More option on language chooser including espanol, nihongo, deutsch, francaise, italiano, portugues.

Cuteki free cards

Thursday, December 1, 2011

Back To Top Widget - html

Put a gif image at right bottom page to lead visitor back to the top of the page. Suitable for blog that have a long way to scroll upward again.

This are the HTML code in green colour


<style type="text/css">.backtotop a:hover {background:none;}</style>
<div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcx5vNhin_L_Ji1HrgJjCUm5mpanOSYvke3AzT-TR4HsMrKmnfBUct_-PieBxYugIRMvhOeR1vTES7ZYSUP_NBsQ0EaPESDY2pxFn10ZcP82J1WAbQdCJc9MJ9ocxOWdKI4H_qLf5I2Bg/s1600/back-top.gif"/></a></div>

or this one


<style type="text/css">.backtotop a:hover {background:none;}</style>
<div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHH8raeTMXUugjHIAzpjgzzoHRR7xZfZj3BVIA1pcM83Wha2noWh59z5rD0sm_FD8vbglTcf2SAGgQf6K8Tqr_mqUGh32_hgQFMwIV1UkzlwlkwjB3aUz7pbdQ9u-sUnc5EFAlz0fPWVe/s1600/arrowup.gif"/></a></div>

If you have a problem to install html/java script it in blogspot, please click [here]

you can change the src="code" above into your own gif or jpeg picture, by your file in a website or your own picture in a file hosting.
Right mouse click on the gif ==> click copy image location. Replace the code

How to install html widget

Often, visitors ask how to install html or JavaScript widget / gadget in blogspot. Follow the picture given steps 1, 2, and paste

instructions 1, 2 and paste

Update - New version of blogspot

Find (1) LAYOUT ==> (2) Add a Gadget ==> (3) HTML/JavaScript

==> paste the html code on popup that appear and save

Enjoy

videos

Random Posts Widget With Thumbnail - blogger

The Random Posts Gadget will display a list of Random Posts(from your blog) on your Blog’s Sidebar. The Gadget has an options panel and can be configured to meet your needs. The Gadget inherits styles from your Blog. But you can override the colors if you want(this was done to support third party templates which doesn’t have the skin variables properly designed).

Artikel Blog Berterabur

CLICK HERE for demo and

CLICK HERE for direct install into your blogspot (need login)

Sunday, September 4, 2011

Unique Islamic Clock

an islam clock gadget

A very beautiful digital clock. You can choose custom colour for the background. very stylish. Please ensure your time zone for almost accurate time.

http://www.al-habib.info/

Friday, August 12, 2011

Add flash animated flying inside blog twitter bird button

flash twitter tweeter flt animated button

Animated Flying Twitter Bird Widget For Blogger. The bird flying animated effect by JavaScript Hack and when you scroll the page Up or Down, twitter bird will come in front of your page. The bird found itself as the "follow me" link on the Twitter account. If you move the mouse pointer over the bird, a "follow me" button and a "tweet this" button displayed. Based on Tweet this link I am divided this widget into Two types.

1.Tweet this Button with Unique tweet text in all your Blog pages {i.e, tweet text contains That you have Chosen}
2.Tweet this Button with Multiple tweet text in All Your Posts Pages{i.e, tweet text contains your Post title and Post Url}

==== Link ====
http://www.way2blogging.org/2011/01/how-to-add-animated-flying-twitter-bird.html

Monday, August 8, 2011

Add a slideshow photo video in your facebook or blogger

Make a video by adding photo from facebook or computer and post a slideshow photo video into your facebook or blogger

Nice one. You can make a video like a pro. Then you can add them in your facebook or blogger.

=== Link ===
http://tripwow.tripadvisor.com/

Sunday, August 7, 2011

Free Stylish Tab Widget

A Stylish Tab Widget / gadjet using only HTML / Javascript, easy and no jQuery. But need some configuration in HTML / Javascript. Up to 5 tab and you can save space in your blogspot

### Start Copy except this line ###

<script type="text/javascript">
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);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<script language="JavaScript" type="text/javascript">
function st2(t){
for(i=1;i<=5;i++){
ts=document.getElementById('tt'+i);
tr = document.getElementById('dd'+i);
ta = document.getElementById('aa'+i);
if(t==i){
if(t==1) ts.className="Tab1";
if(t==2) ts.className="Tab2";
if(t==3) ts.className="Tab3";
if(t==4) ts.className="Tab4";
if(t==5) ts.className="Tab5";
ta.className="srchlinksel2";
ts.style.borderBottom="1px solid #FFFFFF";
tr.style["display"]="block";
tr.style["visibility"]="visible";
}
else{
ts.className="tb2";
ta.className="srchlink2";
ts.style.borderBottom="1px solid #B5D6EF";
tr.style["display"]="none";
tr.style["visibility"]="hidden";
}
}
}
</script>

<style type="text/css">.f10 {
FONT-SIZE: 10px; FONT-FAMILY: arial
}
.f11 {
FONT-SIZE: 11px; FONT-FAMILY: arial
}
.f12 {
FONT-SIZE: 12px; FONT-FAMILY: arial
}
.f12r {
FONT-SIZE: 12px; LINE-HEIGHT: 13px; FONT-FAMILY: arial
}
.f12n {
FONT-SIZE: 12px; LINE-HEIGHT: 1.3em; FONT-FAMILY: arial
}
.ft11a {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Tahoma
}
.fv9 {
FONT-SIZE: 9px; FONT-FAMILY: verdana
}
.fv10 {
FONT-SIZE: 10px; FONT-FAMILY: verdana
}
.ft11 {
FONT-SIZE: 11px; LINE-HEIGHT: 14px; FONT-FAMILY: Tahoma
}
.fmicro9 {
FONT-SIZE: 9px; FONT-FAMILY: Microsoft Sans Serif
}
A.srchlink:link {
COLOR: #2864b4; TEXT-DECORATION: none
}
A.srchlink:visited {
}
A.srchlinksel:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlink2:link {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlink2:visited {
COLOR: #2864b4; TEXT-DECORATION: underline
}
A.srchlinksel2:link {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
A.srchlinksel2:visited {
CURSOR: text; COLOR: #000000; TEXT-DECORATION: none
}
.tb2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#D9E9F6');BACKGROUND-COLOR: #d9e9f6
}
.tbmain2 {
BACKGROUND-COLOR: #ffffff
}
.lfttbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#DEFFC6',EndColorStr:'#B7E4A2'); BACKGROUND-COLOR: #deffc6
}
.rttbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#EEF5FB',EndColorStr:'#DEEFF7'); BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #eef5fb
}
.rttblx {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: #b5d6ef 1px solid; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #ffffff
}
.rt_tbl {
BORDER-RIGHT: #b5d6ef 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #b5d6ef 1px solid; BORDER-BOTTOM: #b5d6ef 1px solid; BACKGROUND-COLOR: #b0dafd
}
.toptbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#4A84AD',EndColorStr:'#00426B'); BACKGROUND-COLOR: #00426b
}
.srchtbl {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FFFFFF',EndColorStr:'#A5DEDE'); BACKGROUND-COLOR: #a5dede
}
.Tab1 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEDFB3',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #ffffff
}
.Tab2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #ffffff
}
.Tab3 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #ffffff
}
.Tab4 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #ffffff
}
.Tab5 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #ffffff
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline}
</style>

<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>

   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>

   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>

   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>

   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>

   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>
  

<div id="dd1" style="BORDER-RIGHT: #b5d6ef 0px solid;
BORDER-TOP: 0px; DISPLAY: block; VISIBILITY: visible;
BORDER-LEFT: #b5d6ef 0px 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 1 -->



</!—put></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 -->



</!—put></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 -->



</!—put></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 -->



</!—put></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 -->



</!—put></font>
</td></tr>
<tr>
</tr>
<tr>
<td
height 4=></td
height></tr></tbody></table></div></td></tr></tbody></table></div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

### End Copy except this line ###

** Instructions Note**

* Copy and paste inside blogspot --> Design -->Add New Gadget

* Find

 Put the tab label here 

* Find

<!—put your widget for tab 5 -->

example paste HTML / Javascript content inside the tab



* The background are transparent. Please put some html code for font

example for white font

<!—put your widget for tab 5 -->
<font color="#FFFFFF">
example paste HTML / Javascript content inside the tab
</font>


=== Demo ===

Tab 1

Tab 2

Tab 3

Tab 4

Tab 5

Grab This!

Note updated 2012 - Try this new improve tabbed widget with javascript