Tips membuat menu tab view

Berhubung chip poker zynga abis pindah dulu akhhh ke blog buat berbagi ilmu,  ilmu yang akan ane buat adalah bagaimana caranya membuat tab view, apa itu tab view..?? tab view berguna untuk menyimpan beberapa data atau gadget dari blog kamu menjadi satu halaman.. langsung saja Copy data script  yang akan ane buat,

Langkah satu dan dua, anda simpan di bagian EDIT HTML,
  • Login ke blog kamu,
  • Pilih menu dashbord
  • Pilih menu EDIT HTML

1.) Di Simpan Di atas kode  ]]></b:skin
div.TabView div.Tabs
{height: 30px;overflow: hidden;}
div.TabView div.Tabs a
{float: left;display: block;
width: 99px; /* Lebar Menu Utama Atas */

text-align: center;height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{background-color: #E6E6E6; /* Warna background Menu Utama Atas */}
div.TabView div.Pages
{clear: both;border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;background-color: #E6E6E6; /* Warna background Kotak Utama */}
div.TabView div.Pages div.Page{height: 100%;padding: 0px;overflow: hidden;}
div.TabView div.Pages div.Page div.Pad{padding: 3px 5px;}


2.) Di simpan tepat Diatas kode  </head>

3.) kode di bawah ini di simpan di TATA LETAK/ RANCANGAN-
     langkah pertama TAMBAH GADGET - kedua pilih  HTML/JavaScript - dan paste kode di bawah dalam Box HTML ...

<form action="tabview.html" method="get">
      <div class="TabView" id="TabView">
      <div class="Tabs" style="width: 300px;">
      <a>Tab 1</a>
      <a>Tab 2</a>
<a>Tab 3</a>
      </div>
      <div class="Pages" style="width: 300px; height: 250px;">

      <div class="Page"> <div class="Pad">
      Tab 1.1 <br />
      Tab 1.2 <br />
      </div></div>

      <div class="Page"><div class="Pad">
      Tab 2.1 <br />
      Tab 2.2 <br />
      </div></div>

      <div class="Page"> <div class="Pad">
      Tab 3.1 <br />
      Tab 3.2 <br />
      </div></div></div></div></form>
      <script type="text/javascript">
      tabview_initialize('TabView');
      </script>


Selamat menikmati tampilan baru.......
Title: Tips membuat menu tab view
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Writed by Topsy Krets