Cara Membuat Garis Di Bawah Judul Postingan

Hari ini Selasa tanggal 23 Oktober 2012 adalah hari dimana blog saya sedang dalam proses peninjauan pendaftaran akun adsense. Seperti yang telah saya baca artikel-artikel dari para master blog yang menerangkan bahwa ketika kita sudah melakukan pendaftaran akun adsense untuk blog kita. Maka buatlah postingan-postingan minimal dua buah postingan dalam satu hari agar team google adsense menerima pengajuan pendaftaran untuk blog kita. Dengan seringnya kita dalam membuat postingan maka team google adsense beranggapan bahwa kita benar-benar serius dalam mengelola blog yang diajukan tersebut. Saya sangat berharap sekali untuk pengajuan akun adsense yang sudah saya ajukan semalam dapat diterima oleh team google adsense. Lanjut ke inti postingan kali ini saya akan coba share tentang bagaimana cara membuat sebuah garis di bawah judul postingan blog. Sebuah garis yang kita berikan tepat
berada di bawah postingan sebagian besar sudah diterapkan oleh para blogger lain. Kenapa ? Karena cara yang satu ini akan memperindah tampilan postingan untuk blog kita. Bagaimanakah cara membuat sebuah garis di bawah judul postingan?

1. Login ke blogger

2. Klik template

3. Sebelum mengutak-atik template silahkan backup dulu template untuk tujuan agar jika kita melakukan kesalahan maka kita bisa mengembalikan templatet tersebut.

4. Jika sudah melakukan backup langkah selanjutnya adalah klik Edit Html kemudian klik Lanjutkan

5. Centang Expand Template Widget

6. Carilah kode /* Post (catatan: tekan tombol ctrl+f untuk memudahkan kita dalam melakukan pencarian kode) 

atau lebih tepatnya cari kode seperti kode di bawah ini :

/* Posts
----------------------------------------------- */
h3.post-title {
  margin: 0;
  font: $(post.title.font);
}

7. Jika sudah silahkan pilih salah satu kode di bawah ini. Kemudian pasang diantara bagian kode di atas 

border-bottom:1px dotted silver;
 border-bottom:1px solid black;
border-bottom : 4px double #cadaef ;

Penjelasan kode :
dotted adalah garis yang putus-putus
solid adalah garis yang tidak putus-putus
double adalah dua garis

Apabila kode garis yang sudah saya berikan sudah dipasang maka hasil akhir kode akan seperti ini :

/* Posts
----------------------------------------------- */
h3.post-title {
  margin: 0;
  font: $(post.title.font);
border-bottom : 4px double #cadaef ;
}

Sebelum menyimpan template, lihat dulu pratinjau.
Selamat mencoba.

Pencarian untuk artikel ini :
Cara membuat doble garis di bawah postingan
Cara membuat garis di bagian bawah post
Cara menambahkan garis di bawah postingan
Cara memasang garis di blog
Cara memberikan garis untuk judul postingan
Cara memasang garis di bagian judul