Membuat garis pinggir pada kolom posting di blog

Untuk membuatgaris pinggir pada kolom posting di blog caranya adalah sebagai berikut:

• Login ke Blogger –> Rancangan –> Edit HTML

• Cari baris kode .post 

• Untuk Lebi Lengkapnya anda bisa lihatdi bawah ini:

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

• Ganti baris kode  border-bottom:1px dotted $bordercolor; 
• Dengan Kode  border:1px solid $bordercolor;

Keterangan Kode :

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 mera #ff0000

• dan setelah itu baris kode padding-bottom:1.5em;
•  Di ganti menjadi padding:10px; 

Keterangan Kode :

padding merupakan jarak antara teks atau gambar pada posting dengan garis pinggir kolom posting yang dibuat 

 dan hasilnya akan seperti gambra berikut ini 

4. Simpan template dan lihat hasilnya.

Tweet