Cara Membuat Sidebar Dalam Bentuk Kolom Terpisah

Ketemu juga nih akhirnya Cara Membuat Sidebar Dalam Bentuk Kolom Terpisah. Makasih banget buat Blog Kang Rohman banyak pelajaran yang saya dapatkan disana.

Langsung saja kita ke pokok permasalahan. Dalam Edit HTML kamu tuju bagian Sidebar Content kamu cari kode berikut :

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

( kode setiap template dapat berbeda satu sama lainnya )

Nah kalau sudah ketemu, kamu tinggal pisahkan antara Sidebar Widget dengan Main Widget.

.sidebar .widget{

  background:#CEF6CE;
  border-bottom:1px solid #6c6b6b;
  margin:0 0 1.5em;
  padding:0.5em;
}


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

Perhatikan yang berwarna merah, kamu bisa melihat kode warnanya disini. Dan untuk penjelasan mengenai border kamu bisa lihat disini.

Gimana dengan hasil Sidebar kamu ?

Semoga Bermanfaat.

Baca Juga :