டாப் வியூ நேவிகேஸன் விட்ஜெட்டை எப்படி நமது பிளாக்கில் இணைப்பது என்பதற்கான விளக்கம்
முதலில் உங்கள் டெம்ப்லேட்டை பதிவிறக்கம் செய்து
வைத்துகொள்ளவும்.
1) பிளாக்கர் அக்கவுன்டுக்குள்
நுழைக
2) பிறகு "layout-->edit html click expand widjet"
செல்க
3) பின்வரும் கோடைகாப்பி செய்து " ]]></b:skin>
" இந்த வரிக்கு முன்னதாக இடுக அல்லது
பேஸ்ட்செய்க
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float:
left;
display: block;
width: 90px;
text
-align: center;
height: 24px;
padding-top:
3px;
vertical-align: middle;
border: 1px solid
#000000;
border-bottom-width: 0;
text-
decoration: none;
font-family: "Arial", Times New Roman,
Serif;
font-weight: 900;
color: #000080;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs
a.Active
{
background-color:
#BDBDBD;
}
div.TabView div.Pages
{
clear: both;
background-color:
#FFFFFF;
border: 1px solid #000000;
overflow:
hidden;
}
div.TabView div.Pages
div.Page
{
height: 100%;
padding:
0px;
overflow: hidden;
}
div.TabView
div.Pages div.Page div.Pad
{
padding: 3px
5px;
}
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float:
left;
display: block;
width: 90px;
text
-align: center;
height: 24px;
padding-top:
3px;
vertical-align: middle;
border: 1px solid
#000000;
border-bottom-width: 0;
text-
decoration: none;
font-family: "Arial", Times New Roman,
Serif;
font-weight: 900;
color: #000080;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs
a.Active
{
background-color:
#BDBDBD;
}
div.TabView div.Pages
{
clear: both;
background-color:
#FFFFFF;
border: 1px solid #000000;
overflow:
hidden;
}
div.TabView div.Pages
div.Page
{
height: 100%;
padding:
0px;
overflow: hidden;
}
div.TabView
div.Pages div.Page div.Pad
{
padding: 3px
5px;
}
4)பிறகு பின்வரும்
கோடை காப்பி செய்து "<head>" இதற்க்கு கீழ் இடுக (அ) பேஸ்ட்
செய்க.
<script
src='http://sites.google.com/site/angga123site/tabview.txt'
type='text/javascript'/>
5)டெம்ப்லேட்டை சேவ் src='http://sites.google.com/site/angga123site/tabview.txt'
type='text/javascript'/>
செய்க
6)பிறகு "layout-->addgadjed-->html/javascript"
கிளிக் செய்க
<form action="tabview.html"
method="get">
<div class="TabView"
id="TabView">
<div class="Tabs" style="width:
350px;">
<a>Tab 1</a>
<a>Tab
2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height:
250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div
class="Page">
<div class="Pad">
Tab 2.1
<br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div
class="Page">
<div class="Pad">
Tab 3.1
<br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script
type="text/javascript">
tabview_initialize('TabView');
</script>
method="get">
<div class="TabView"
id="TabView">
<div class="Tabs" style="width:
350px;">
<a>Tab 1</a>
<a>Tab
2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height:
250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div
class="Page">
<div class="Pad">
Tab 2.1
<br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div
class="Page">
<div class="Pad">
Tab 3.1
<br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script
type="text/javascript">
tabview_initialize('TabView');
</script>
7)பின்பு பின்வரும்
கோடை காப்பி செய்து அதில் பேஸ்ட் செய்க.
8)இதில் "Tab 1.1"
அதற்கு பதிலாக உங்களுக்கு பிடித்த வெப் லிங்குகளை இடுக.
9)
சேவ் செய்க.
10)புதிய வின்டோவில் உங்கள் பிளாக்கை
பார்க்க
