Cara Membuat 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 :

view plainprint?

1. /* Posts 
2. ----------------------------------------------- */  
3. h3.post-title {  
4.   margin: 0;  
5.   font: $(post.title.font);  
6. }  

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

view plainprint?

1. border-bottom:1px dotted silver;  
2.  border-bottom:1px solid black;  
3. 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 :

view plainprint?

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

Sebelum menyimpan template, lihat dulu pratinjau.
Selamat mencoba.


thanks : http://csstutors.blogspot.com