Iklan
Iklan

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;
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; 

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.
Bagikan :
+
Previous
Next Post »
0 Komentar untuk "Membuat garis pinggir pada kolom posting di blog"

 
Template By Kunci Dunia
Back To Top