Membuat Garis Pemisah Postingan

Selamat Pagi...
Kali ini saya akan sedikit berbagi bagaimana cara untuk membuat garis pemisah postingan kita.
Dimana saya menggunakan garis ini agar postingan saya terlihat rapi dan sedikit lebih rame.

Langsung saja berikut langkahnya :

• Masuk ke Blog 
• Seperti biasa masuk ke menu tamplate, selanjutnya pilih Edit Html.
• Cari (ctrl+f) kode : .post {  (ingat expand widget tamplate agar semua kode terlihat)
• Selanjutnya copy kode berikut :
  
    Padding:15px;
    Border-top: 4px solid #000;
    Border-bottom: 4px solid #000;
    Border-left: 4px solid #000;
    Border-right: 4px solid #000;
    Margin-bottom: 0px;
  
  Keterangan:
  
  Padding : Jarak text post dengan garis pinggir.
  Border-top : warna garis pinggir atas.
  Border-bottom : warna garis pinggir bawah.
  Border-left : warna garis pinggir kiri.
  Border-right : warna garis pinggir kanan.
  Margin-bottom : jarak antara post yang satu dengan yang lainnya.

• Silahkan ganti ketebalan masing-masing garis diatas sesuai keinginan anda.

• Setelah itu simpan tamplate, dan lihat hasilnya.

Contoh :

Sebelum

Sesudah

Sekian untuk tutorial sederhana ini. Semoga bermanfaat. ^_^