TEST DRIVING

seperti gambar di samping sangatlah mudah jika anda tau cara membuat menu tiga kolom blogger.

Sebelum lanjut ke cara membuat menu tiga kolom blogger kita simak dulu fungsi dari menu tiga kolom itu sendiri

Fungsi utamanya adalah menempatkan tiga isi yang ada di sidebar dalam satu menu tiga kolom blogger.

Dan yang lainnya adalah untung menyingkat tata letak si debar blog agar lebih rapi dan sedap di pandang mata (kaya apa aja)


Oke kita akan mulai membuat menu tiga kolom blogger.

Inilah langkah-langkah pembuatan widget 3 coloum tersebut :

1. Login ke blogger anda
2. Layout --> Edit HTML
3. Kemudian cari kode  ]]></b:skin>
4. Copy kode dibawah ini dan letakkan sebelum kode ini ]]></b:skin>

 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 #000; /* 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: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* 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;
}

Related Post: