Wednesday, March 21, 2012

Membuat Garis Pinggir pada Kolom Posting Blog

Untuk membuat garis pinggir pada kolom posting blog caranya adalah sebagai berikut:

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

2. Cari baris kode .post seperti berikut:
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }

3.  Rubah baris kode
border-bottom:1px dotted $bordercolor;
menjadi
border:1px solid $bordercolor;
dimana:
1px = nilai ketebalan garis pinggir (border)
solid = menunjukan garis pinggirnya berupa garis lurus; selain itu bisa juga berupa titik-titik (dotted) atau garis putus-putus (dashed)
$bordercolor = warna garis pinggir; jika ingin merubah warnanya, bisa mengganti kode tersebut dengan kode warna lain misal kode warna biru #0000ff
catatan: untuk mengetahui lebih lanjut mengenai properti pada "border", bisa lihat di Properti Garis Pinggir (Border) Blog.

dan baris kode
padding-bottom:1.5em;
menjadi
padding:10px;
dimana: padding merupakan jarak antara teks atau gambar pada posting dengan garis pinggir kolom posting yang dibuat, dan 10px merupakan nilai besarannya yang dapat dirubah sesuai dengan keinginan.
kode HTML garis pinggir kolom posting
4. Simpan template dan lihat hasilnya.

Selamat mencoba :-)

No comments:

Post a Comment