Freelance Jobs CO.CC:Free Domain

Kamis, 26 November 2009

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

 

0 comments:

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP