Cara Menambahkan Garis Bawah Pada Judul Postingan dan Sidebar

Cara Menambahkan Garis Bawah Pada Judul Postingan dan Sidebar. Salah satu cara memperindah tampilan pada postingan adalah menambahkan garis bawah pada judul postingan dan sidebar. Dengan langkah-langkah yang sangat sederhana singkat dan mudah seperti berikut.

Menambahkan Garis Bawah Pada Judul Postingan

1. Login  ke akun blogger sobat
2. Klik Template
3. Pilih Edit HTML
4. Cari kode .post h3{ (cari berdasar kan .post h3)
5. Kemudian tambahkan kode di bawah ini yang berwarna biru seperti contoh berikut:

.post h3{
border-bottom : 4px double #cadaef ;  
margin-bottom:7px;
.........
}

      6. Simpan dan Lihat Hasilnya

Menambahkan Garis Bawah Pada Judul Sidebar

1. Login  ke akun blogger sobat
2. Klik Template
3. Pilih Edit HTML
4. Cari kode .sidebar h2{ (cari berdasar kan .sidebar h2{)
5. Kemudian tambahkan kode di bawah ini yang berwarna biru seperti contoh berikut:

.sidebar h2{
border-bottom : 4px double #cadaef ;  
margin-bottom:7px;
.......
}

    



      6. Simpan dan Lihat Hasilnya
  
Warna biru merupakan jenis garis yang digunakan,  bisa diganti sesuai keinginan seperti kode dibawah ini:

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

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

Demikian Cara Menambahkan Garis Bawah Pada Judul Postingan dan Sidebar,

Artikel Terkait