MENAMBAHKAN TAB DIV DALAM BLOG

Menambah Widget Tab View

Cara menambah widget tab view untuk blogspot

Tab view adalah sebuah widget yang bisa digunakan untuk mengelompokkan informasi atau berita berdasarkan kategori yang di tentukan.
widget tab view ini sangat berguna, selain bisa menghemat space pada tampilan blog kita widget ini pun bermanfaat untuk mempermudah pengunjung blog untuk mencari informasi yang dibutuhkan.

untuk menambah widget tab view di blogspot seperti gambar diatas bisa menggunakan teknik-teknik berikut ini, cara menambah widget tab view ini sudah lama dipakai dan bila teman-teman blogger memiliki trik yang baru silahkan memberikan komentar pada posting ini.

langkah-langkahnya adalah sbb :

masuk ke Edit HTML

Copy script dibawah ini dan letakkan sebelum code ]]>

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}

div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */
text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Arial", Times New Roman, Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000080; /* Warna Font Menu Utama Atas */
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #BDBDBD; /* Warna background Menu Utama Atas */
}

div.TabView div.Pages
{
clear: both;
background-color: #FFFFFF; /* Warna background Kotak Utama */
border: 1px solid #000000; /* Warna border Kotak Utama */
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;
}

berikutnya copy script dibawah ini dan letakkan sebelum code

Simpan template anda

masuk ke page element dan tambahkan gadget baru dengan tipe HTML/JAVASCRIPT

letakkan code dibawah ini di gadget yang baru anda buat