Jumat, 25 Maret 2011

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.
Selamat mencoba........

cara membuat sidebar dalam kotak terpisah di blog, langkah memberi sidebar dalam kotak terpisah, membuat jarak kotak sidebar terpisah di blogspot, tutorial sidebar dalam kotak terpisah, sidebar dalam kotak terpisah tutor, cara memasang sidebar dalam kotak terpisah.

1 komentar:

  1. bisa digunakan untuk semua template gak mas? karna disini saya menggunakan template baru bawaan blogger. tolong ya mas bantuannya blog saya http://omgelenk.blogspot.com. trima kasih

    BalasHapus