Membuat sidebar dalam kotak



Cara memasang sidebar dalam kotak pada blog kamu adalah seperti ini :
1.    Login ke blogger dengan ID anda tentunya.
2.    Klik  Tata Letak.
3.    Klik tab Edit HTML.
4.    Cari kode seperti ini :

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

Agar lebih flexibel dalam proses pengaturan widget, sebaiknya  kode tersebut kita buat terpisah, sehingga kodenya jadi seperti ini :

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

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

Dengan kode di atas, maka anda bisa lebih berexplorasi, memberikan kesan sidebar widget mempunyai kotak yang terpisah-pisah

.sidebar .widget{
background:#fff;
  border:1px dotted #6c6b6b;
margin:0 0 1.5em;
  padding:0.5em;
}

5. Kemudian simpan.
6. Selesai......

Silakan lanjutkan ke materi berikutnya.......!!!


Artikel Terkait:

0 komentar:

Post a Comment