Cara Memberikan Garis Bawah Pada Judul Posting

Salah satu cara agar judul posting dapat dilihat lebih bagus adalah dengan memberi garis bawah pada judul posting.  Sebagai contoh jika anda ingin membuat sebuah blog karya sendiri pasti yang pertama anda menyiapkan sketsa dan letak komponen template anda, tentu harus menggambar pada sebuah kertas kosong dengan memberi garis-garis batas letak antara header, top menu, sidebar dan lain-lain yang berhubungan dengan isi dari template blog anda, agar antara batas haeder dan yang lain dapat terbentuk dengan baik.
Nah maka pada kesempatan ini kita akan membahas cara memberikan garis bawah pada judul posting. Pasti anda bertanya bagamaina cara membuatnya? oke kalau begitu mari kita sama-sama belajar agar tidak salah dalam penerapannya. Untuk lebih jelas perhatikan gambar berikut :

Apakah sudah jelas? Jika belum saya jelaskan disini supaya anda lebih paham maksud dari gambar tersebut. Pada percobaan judul pertama adalah gambar judul sebelum diberi garis bawah sedangkan pada percobaan judul kedua menunjukkan susudah diberi garis bawah maka hasil yang akan terlihat seperti gambar diatas. 

Cara Membuatnya, Ikuti Langkah-langkah Berikut :

• Login ke blog anda.

• Pilih Tata Letak 

• Klik Edit HTML 

• Untuk menjaga template anda, silakan anda Download dulu template anda, klik  
  Daownload Template Lengkap 

• Gunakan Ctrl + F Cari kode CSS yang mirip kode berikut :

  h3.post-title { 

  margin: 0; 

  font: $(post.title.font); 

  } 

 Hapus kode margin: 0; dan ganti dengan kode berikut margin: 0; border-bottom : 4px double #cadaef ; 

 Sehingga dalam penerapannya akan terbentuk seperti ini:

h3.post-title {

margin: 0; border-bottom : 4px double #cadaef ;

font: $(post.title.font);

}

• Klik Pritinjau untuk melihat hasilnya, jika sudah muncul, 

• Klik Simpan Template 

• Selesai. 

Bagaimana mudahkan? hehe...

Selamat mencoba semoga artikel Cara Memberikan Garis Bawah Pada Judul Posting dapat bermanfaat bagi anda. Salam blogger.