MEMBUAT MENU TABVIEW
01. Sign Ke Blogger. 02. Klik Rancangan dan Klik Edit HTML. 03. Beri Tanda Centang Pada Expand Widget Template.
01. Sign Ke Blogger.
02. Klik Rancangan dan Klik Edit HTML.
03. Beri Tanda Centang Pada Expand Widget Template.
04. Cari Kode ]]></b:skin> dan Letakan Kode Sript di Bawah Ini di Atasnya
02. Klik Rancangan dan Klik Edit HTML.
03. Beri Tanda Centang Pada Expand Widget Template.
04. Cari Kode ]]></b:skin> dan Letakan Kode Sript di Bawah Ini di Atasnya
/* tab model 2 ateonsoft.com */
div.Tabateonsoft div.TFs
{height: 30px; overflow: hidden;}
div.Tabateonsoft div.TFs a
{float: left; display: block; text-align: center; text-decoration: none; font: normal 12px arial; padding:3px 5px 3px 3px; margin:0 5px 0 0;
background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px;
}
div.Tabateonsoft div.TFs a:hover
{ background: #E8E8E8;
font-weight: bolder;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabateonsoft div.Pages
{ clear: both; overflow: hidden; height:240px; border:3px dashed #000; padding:2px;background: #ffffff; -moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabateonsoft div.Pages div.Page div.floor
{ font-size:12px;padding: 3px 5px; text-align:left;}
05. Cari Kode <head>
06. Copy dan Pastekan Kode Script di Bawah Ini di Bawah Kode <head>
06. Copy dan Pastekan Kode Script di Bawah Ini di Bawah Kode <head>
<script src='http://ayomaju.com/friendsharingfile/ateonsoft_tab.js' type='text/javascript'/>
07. Klik Simpan Template
08. Klik Elemen Laman, Tambah Gadget, dan Pilih HTML/Java Script
09 Tambahkan Kode Script di Bawah Ini di HTML/Java Scriptmu
<form action="tabateonsoft.html" method="get">
<div class="Tabateonsoft" id="Tabateonsoft">
<div class="TFs">
<a>Nama Tab 1</a>
<a>Nama Tab 2</a>
<a>Nama Tab 3</a>
<a>Nama Tab 4</a>
</div>
<div class="Pages">
<div class="Page"><!-- Tab -->
<div class="floor">
Tulisanmu Untuk Tab 1
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Tulisanmu Untuk Tab 2
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Tulisanmu Untuk Tab 3
</div>
</div><!-- end Tab -->
<div class="Page"><!-- Tab -->
<div class="floor">
Tulisanmu Untuk Tab 4
</div>
</div><!-- end Tab -->
</div>
</div>
</form>
<script type="text/javascript">tabateonsoft_name('Tabateonsoft');</script>
10. Selesai
Post a Comment: