Membuat Garis Pinggir pada Blog

Untuk membuat garis pinggir pada blogspot caranya adalah sebagai berikut:

1. Login ke Blogger –> Rancangan –> Edit HTML

2. Cari baris kode #outer-wrapper seperti berikut:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

3. Tambahkan baris kode border untuk garis pinggir sehingga baris kodenya menjadi seperti berikut:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  border-left:1px solid #808080;
  border-right:1px solid #808080;
  }

dimana:
border-left = garis pinggir template sebelah kiri
border-right = garis pinggir template sebelah kanan
1px = nilai ketebalan border; rubahlah sesuai keinginan
solid = bentuk garis pinggir atau border yang berupa garis lurus; selain solid, ada juga bentuk titik-titk (dotted) dan garis putus-putus (dashed), pilih sesuai dengan keinginan
#808080 = kode warna untuk garis pinggir; rubahlah sesuai dengan keinginan

catatan: untuk mengetahui lebih lanjut mengenai properti pada "border", bisa lihat di Properti Garis Pinggir (Border) Blog.

catatan: jika ingin bordernya melingkupi seluruh template, dari atas-bawah dan kiri kanan, maka cukup baris kodenya ditulis sbb: 

border:1px solid #808080

4. Simpan template dan lihat hasilnya.


Selamat mencoba :-)