Cara Membuat Garis Berwarna di Bawah Tag Heading

Kemarin saya menerima email dari sobat blogger yang menanyakan cara membuat garis berwarna yang berada di bawah tag heading. Sebenarnya sih kalo kita mau meniru style halaman web, kita bisa manfaatkan inspect elemen untuk melihat sumber kode yang di gunakan. 

Tetapi, tidak semua blogger paham akan hal itu, terutama bagi mereka yang masih awam. Jadi, saya rasa perlu membuat tutorial terkait line heading yang di maksud guna membantu mereka yang belum mengerti dengan yang namanya CSS.
Baca juga: cara agar blog di index oleh google dalam 5 menit
cara membuat garis bawah heading berwarna

Cara membuat line heading berwarna di blogger

Banyak blogger yang sudah membuat tutorial yang sama, tetapi tidak satu pun saya temukan dari mereka yang memperhatikan kode / CSS bawaan template yang mengatur style tag heading pada postingan. Jadi kode yang di gunakan menjadi tumpang tindih dengan CSS tag heading bawaan template. 

Oleh karena itu, pada kesempatan ini saya akan membantu sobat untuk membuat line heading berwarna dengan hanya menambahkan CSS line heading tanpa merubah font (style) bawaan template.
  1. Masuk dashboard Blogger ⇒ Template ⇒ Edit HTML
  2. Kemudian cari kode: .post-body h1, yang di ikuti dengan .post-body h2 dst. Perhatikan gambar dibawah ini: 
    line heading berwarna
  3. Setelah ketemu, lalu ganti atau edit menjadi menjadi seperti ini:

Setelah selesai, lalu save. Lihat hasilnya.
Baca juga: Cara membuat gambar valid AMP
BERIKAN KOMENTAR ()