Beginilah cara untuk membuat menu tab view tersebut
1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]>
3. Kemudian masukkan kode berikut ini sebelum kode ]]> atau kedalam tag CSS.
-----------------------------------------------------------
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width:
| ; /* Lebar Menu Utama Atas */ text-align: center; height: ; /* Tinggi Menu Utama Atas */ padding-top: 3px; vertical-align: middle; border: 1px solid ; /* Warna border Menu Atas */ border-bottom-width: 0; text-decoration: none; font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */ font-weight: 900; color: ; /* Warna Font Menu Utama Atas */ } div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active { background-color: ; /* Warna background Menu Utama Atas */ } div.TabView div.Pages { clear: both; border: 1px solid ; /* Warna border Kotak Utama */ overflow: hidden; background-color: ; /* 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; } ------------------------------------------------------ 4. Perhatikan text-text yang berkedip-kedip, itu adalah untuk pengaturan warna Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI 5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode ------------------------------------------------------ --------------------------------------------------------- Keterangan : - Angka2 yang berkedip (350px) adalah ukuran tinggi dan lebar tabview. - Kode yang Di Blok Adalah text yang di Menu utama (Menu Atas). - Kode yang Di Tulis Miring adalah isi dari tab view tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll. - Untuk menmbahkan jumlah menu maka tambahkan script dibawahnya script ---------------------------------- Tab 3.1 Tab 3.2 Tab 3.3 ---------------------------------- Script yang ditambahkan sama dengan script di atas, hanya saja anda harus mengubah tulisan "Tab #" dengan URL,atau script. |
