Cara Membuat Garis Tepi Pada Posting

Tutorial kali ini tentang garis sob, garis yang membatasi posting. Sudah lama akan saya posting namun karena banyak pekerjaan jadi kepending terus, dan tutorial ini yang saya pakai pada blog ini


Preview:

Nah pada gambar diatas bisa kita lihat garis yang membingkai artikel kita yang ditunjukkan oleh arah panah, untuk cara penerapannya bisa dilihat dibawah ini.

Cara Membuat Garis Tepi Pada Posting

Langkah 1

• Login ke Blogger
• Masuk ke "Rancangan - Edit HTML"
• Cheklist "Expand Template Widget"

Langkah 2

• Gunakan ctrl-f dan cari kode ini: .post {

Langkah 3

• Copy kode dibawah ini dan letakkan dibawah kode langkah 2 

border-bottom:1px dotted #cccccc;
  border-top:1px dotted #cccccc;
  border-right:1px dotted #cccccc;
  border-left:1px dotted #cccccc;
  padding-bottom:0.5em;
  padding-left:0.4em;
  padding-right:0.4em;

• Edit warna garisnya yang ditunjukkan kode #cccccc
  Jika sobat ingin garisnya lebih tebal ganti kode 1px dengan 2px/3px

Selanjutnya langsung simpan dan lihat hasilnya.

Sekian dari saya semoga berhasil dan sukses