Area sidebar Blog terlihat seperti terpisah-pisah

Sama halnya pengertian pada posting terdahulu yaitu tentang cara membuat area posting dalam kotak terpisah. Bedanya kali ini yang akan kita buat kelihatan terpisah adalah elemen sidebar blog kita. Tri k ini saya ambil dari Bang del dan sudah saya praktekan di blog ini, sekarang gantian saya share barangkali ada teman-teman yang kebetulan mampir dan membutuhkannya. Tujuannya adalah jelas satu agar setiap widget dengan widget yang lain pada sidebar terlihat terpisah. OK kita langsung menuju ke tutorialnya saja.

• Pertama, Login ke akun blogger teman-teman
• Pada Dashboard pilih Tata Letak - Edit HTML
• Jangan lupa centang kotak Expand Template Widget
• Untuk mengantisipasi terjadinya kesalahan yang fatal mungkin, Back up template dengan Download Template Lengkap
• Cari kode kurang lebih seperti di bawah ini [teman-teman fokus mencari pada kode yang berwarna hijau saja]
  
  
  

  .sidebar .widget, .main .widget {
  border-bottom:1px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  }
  

  
  
  
• Hapus kode di atas lalu ganti dengan kode di bawah ini
  
  

  .sidebar .widget{
  background:#fff url(http://i45.tinypic.com/2zeyulg.jpg) repeat-x top left;
  border:0px solid #000;
  margin:0 0 0.5em;
  padding:0.5em;
  font-family:"Trebuchet MS"}
  

  
  
• Klik pratinjau atau langsung klik Simpan Template dan lihat hasilnya.

Jika tampilan tidak sesuai dengan design template kita, maka langkah selanjutnya adalah menyesuaikan dan sedikit mengedit kode-kode tadi. misalkan warna atau imagenya. Selamat mencoba dan berkreasi. untuk melihat contoh demonya [he he he..contoh tampilannya aja ya...] bisa lihat di blog saya ini