Home » » Membuat area sidebar dalam kotak terpisah

Membuat area sidebar dalam kotak terpisah

Pasti kebanyakan para blogger udah tau yang mana sidebar. apalagi setiap harinya edit-edit tamplate tentu udah pada hafal dong. jadi nggak perlu di jelaskan lagi. sidebar dalam kotak terpisah artinya adalah menambah pembatas disekeliling sidebar agar terpisah dari area sekitarnya. untuk lebih jelas nya anda bisa lihat contoh di bawah ini.
Sidebar tanpa baris pembatas.
Sidebar dengan border pembatas



Untuk membuat nya sangat lah mudah.
  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode
    .sidebar .widget, .main .widget {
    border-bottom:1px dotted $bordercolor;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }
  • Temukan yang hampir sama dengan kode diatas
  • Setelah ketemu hapus kode diatas ganti dengan kode dibawah ini.
    .sidebar .widget {
    background:#ffffff;
    border:1px solid #0B610B;
    margin:0 0 0.5em;
    padding:0.5em;
    font-family:"Trebuchet MS";
    }
  • Silahkan di modifikasi lagi sesaui dengan warna tamplate blog anda.
  • Setelah itu simpan template anda dan liat hasilnya.
Share this article :

3 komentar:

Bisnis Dahsyat tanpa modal
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2013. free - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger