Gộp Tiện ích tiết kiệm không gian.

Cách này giúp bạn tiết kiêm không gian để làm những tiện ích khác...
XEM THỬ
CODE:   

<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>
<!-- CSS Begin //-->
<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: #fedfb3
}
.Tab2 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#B39DFE',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #b39dfe
}
.Tab3 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#F6FE9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #f6fe9d
}
.Tab4 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#FEAF9D',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #feaf9d
}
.Tab5 {
FILTER: progid:DXImageTransform.Microsoft.Gradient
(GradientType:0,StartColorStr:'#9DFEA5',EndColorStr:'#FFFFFF');
BACKGROUND-COLOR: #9dfea5
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline}
</style>
<!-- CSS End //-->
<!-- Widget Code Ends Here -->
<!-- widget by Bloganol.blogspot.com -->
<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td align="center" class="Tab1" height="22" id="tt1" onclick="st2('1')" style="border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="20%"><a class="srchlinksel2" href="javascript:undefined" id="aa1"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 1</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt2" onclick="st2('2')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="47"><a class="srchlink2" href="javascript:undefined" id="aa2"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 2</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt3" onclick="st2('3')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="62"><a class="srchlink2" href="javascript:undefined" id="aa3"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 3</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt4" onclick="st2('4')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="48"><a class="srchlink2" href="javascript:undefined" id="aa4"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 4</b></span></a></td>
<td style="border-bottom: #b5d6ef 1px solid;" width="2"><table border="0" cellpadding="0" cellspacing="0" style="width: 2px;">
<tbody>
<tr>
<td width="2"></td></tr>
</tbody></table>
</td>
<td align="center" class="tb2" height="22" id="tt5" onclick="st2('5')" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: #b5d6ef 1px solid;" width="52"><a class="srchlink2" href="javascript:undefined" id="aa5"><span class="f12"><b>TIÊU ĐỀ TIỆN ÍCH 5</b></span></a></td></tr>
<tr>
<td colspan="9"><div style="border-bottom: 0px; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; width: 100%;">
<!-- Main Headlines Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="height: 5px; width: 100%;">
<tbody>
<tr>
<td height="5"></td></tr>
</tbody></table>
&nbsp;&nbsp; <span class="f10" style="color: #797979;">
<!-- wmlheadline begin -->
<!-- TDate Begin -->
<!-- Date Begin -->
</span>
<!-- Date End -->
<!-- TDate End -->
<br />
<div id="dd1" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 0px solid; border-right: #b5d6ef 0px solid; border-top: 0px; display: block; visibility: visible; width: 100%;">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 1, BẠN DÁN VÀO ĐÂY
</span></td>
</tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
<!-- Main
Headlines End //--></div>
<div id="dd2" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- News Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 2, BẠN DÁN VÀO ĐÂY
</span></td></tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- News End
//--></div>
<div id="dd3" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- Business Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 3, BẠN DÁN VÀO ĐÂY
</span></td></tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- Business End
//--></div>
<div id="dd4" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- Movies Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 4, BẠN DÁN VÀO ĐÂY
</span></td>
</tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
<!-- Movies End
//--></div>
<div id="dd5" style="border-bottom: #b5d6ef 1px solid; border-left: #b5d6ef 1px solid; border-right: #b5d6ef 1px solid; border-top: 0px; display: none; visibility: hidden; width: 100%;">
<!-- Sports Begin //-->

<br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tbody>
<tr>
<td width="14"></td>
<td valign="top"><span class="f12n" style="color: #16387c;">
NỘI DUNG CỦA TIỆN ÍCH 5, BẠN DÁN VÀO ĐÂY
</span></td></tr>
<tr>
<td align="right" colspan="2"><span class="f10"><b> Widget
by <a href="http://giapqb.blogspot.com/" target="_blank">giapqb</a></b>
&nbsp; </span></td></tr>
<tr>
<td height="4"></td></tr>
</tbody></table>
</div>
</td></tr>
</tbody></table>

HOẶC XEM THỬ  BÊN DƯỚI NHÉ...

TIÊU ĐỀ TIỆN ÍCH 1		TIÊU ĐỀ TIỆN ÍCH 2		TIÊU ĐỀ TIỆN ÍCH 3		TIÊU ĐỀ TIỆN ÍCH 4		TIÊU ĐỀ TIỆN ÍCH 5
NỘI DUNG CỦA TIỆN ÍCH 1, BẠN DÁN VÀO ĐÂY Widget by giapqb  NỘI DUNG CỦA TIỆN ÍCH 2, BẠN DÁN VÀO ĐÂY Widget by giapqb  NỘI DUNG CỦA TIỆN ÍCH 3, BẠN DÁN VÀO ĐÂY Widget by giapqb  NỘI DUNG CỦA TIỆN ÍCH 4, BẠN DÁN VÀO ĐÂY Widget by giapqb  NỘI DUNG CỦA TIỆN ÍCH 5, BẠN DÁN VÀO ĐÂY Widget by giapqb

Browse More Articles

Tweet

Written by Anonymous

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.