Jika para sobat ingin membuat Tab menu seperti yang saya pakai ini yang berada di sidebar sisi kanan ini silahkan sobat ikuti langkahnya di bawah ini :
Seperti biasa ikuti langkah pertamanya :
1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode
6. Persis sebelum kode tersebut, pastekan script di bawah ini :
7. Silahkan cari lagi di dalam template sobat kode ]]>
8. Persis sebelum kode tersebut, pastekan script di bawah ini :
div.TabView div.Tabs { width: 100%; overflow: hidden; border-bottom: 0px solid #000000; font: bold 13px Arial; list-style-type: none; }
div.TabView div.Tabs a { float: left; display: block; text-decoration: none; margin-right: 2px; margin-bottom: 2px; padding: 3px 3px 3px 3px; color: #FFFFFF; background: #0B615E; }
div.TabView div.Tabs a:hover { color: #000000; background:#DF0101; }
div.TabView div.Tabs a.Active { color: #000000; background:#2E2EFE; }
div.TabView div.Pages { width: 100%; overflow: hidden; clear: both; border: 0px solid #E6E6E6; margin: 25px 0px 5px 5px; padding: 0px 0px 0px 0px; }
div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; }
div.TabView div.Pages div.Page div.Pad { padding: 0px 0px; }
9. Klik Simpan Template
Sekarang ikuti langkah duanya...:
1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan ke dalam kolom Konten script di bawah ini :
Entri data anda di sini yang akan tampil di kolom Judul 1
Entri data anda di sini yang akan tampil di kolom Judul 2
Entri data anda di sini yang akan tampil di kolom Judul 3
Entri data anda di sini yang akan tampil di kolom Judul 4
Entri data anda di sini yang akan tampil di kolom Judul 5
tabview_initialize('TabView');
Seperti biasa ikuti langkah pertamanya :
1. Login ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan cari di dalam template anda kode
6. Persis sebelum kode tersebut, pastekan script di bawah ini :
7. Silahkan cari lagi di dalam template sobat kode ]]>
8. Persis sebelum kode tersebut, pastekan script di bawah ini :
div.TabView div.Tabs { width: 100%; overflow: hidden; border-bottom: 0px solid #000000; font: bold 13px Arial; list-style-type: none; }
div.TabView div.Tabs a { float: left; display: block; text-decoration: none; margin-right: 2px; margin-bottom: 2px; padding: 3px 3px 3px 3px; color: #FFFFFF; background: #0B615E; }
div.TabView div.Tabs a:hover { color: #000000; background:#DF0101; }
div.TabView div.Tabs a.Active { color: #000000; background:#2E2EFE; }
div.TabView div.Pages { width: 100%; overflow: hidden; clear: both; border: 0px solid #E6E6E6; margin: 25px 0px 5px 5px; padding: 0px 0px 0px 0px; }
div.TabView div.Pages div.Page { height: 100%; padding: 0px; overflow: hidden; }
div.TabView div.Pages div.Page div.Pad { padding: 0px 0px; }
9. Klik Simpan Template
Sekarang ikuti langkah duanya...:
1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan HTML/JavaScript
6. Pastekan ke dalam kolom Konten script di bawah ini :
Entri data anda di sini yang akan tampil di kolom Judul 1
Entri data anda di sini yang akan tampil di kolom Judul 2
Entri data anda di sini yang akan tampil di kolom Judul 3
Entri data anda di sini yang akan tampil di kolom Judul 4
Entri data anda di sini yang akan tampil di kolom Judul 5
tabview_initialize('TabView');
0 comments:
Post a Comment