Membuat area sidebar dalam kotak terpisah terbaru

Ok ini hari lagi saya akan memberikan atau berbagi artikel kepada anda, sekalian belajar bersama , 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, moga berhasil
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.

Tidak ada komentar:

Related Posts Plugin for WordPress, Blogger...