Cara Membuat Garis di Bawah Judul

Garis Dibawah Judul Postingan Blog

Beragam Info - Cara Membuat Garis di Bawah Judul. Selamat datang di blog yang saya kelola dan selamat belajar membuat garis dibawah judul postingan yang anda buat di blog kalian masing-masing. jika kalian menggunakan template blog bawaan mesti tidak ada garis dibawah judul artikel/post yang kalian buat, nah untuk memberi garis di bawah judul artikel/post seperti contoh gambar diatas langkah-langkahnya seperti dibawah ini:

1. Login ke blog yang kalian kelola atau klik blogger.com, masukkan akun google dan pasword.
2. Masuk ke menu Template
3. Kemudian pilih Edit HTML
4. Kemudian sampai disini cari kode CSS ini. (gunakan tombol CTRL+F) untuk mempermudah pencarian

.post h3{ margin-bottom:7px ; ......... }

5. Sebelum mengedit-edit template kalian, untuk menghindari kesalahan silahkan backUp template kalian dengan meng-Copy-Paste semua kode-kode yang terdapat di Template kalian.
6.  Jika sudah ketemu silahkan tambahkan kode berikut

border-bottom : 4px double #cadaef ;

7.  Jika sudah ditambahkan maka hasilnya akan seperti ini

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

 8. Simpan template dan kemudian silahkan lihat hasilnya.

Ket.
- untuk kode yang berwarna biru yaitu ketebalan garis, bisa diganti sesuai kebutuhan
- unutk kode yang berwarna merah yaitu warna garis, bisa diganti sesuai dengan kebutuhan.

Semoga Bermanfaat