Cara Menambahkan Garis Warna di Bawah Subheading

Cara Membuat Garis Warna di Bawah Subheading - Salah satu tips untuk memodifikasi subheading supaya lebih seo lagi dan tentunya juga enak dilihat adalah dengan memberikan garis berwarna pada bagian bawahnya.

Banyak blog-blog besar yang sudah menerapkan cara seperti ini untuk membuat / memberikan tanda khusu pada kata kunci turunan, jika menggunakan subheading yang berwarna ini, selain membuat tampilan lebih keren dan menarik juga bermanfaat untuk pembaca guna mengetahui antara judul kata yang mewakili isi sebuah artikel.

Subheading sendiri merupakan sebuah kata kunci turunan, dimana keyword turunan sendiri merupakan sebuah keharusan yang ada pada sebuah artikel, yang mana sangat bermanfaat dari segi seo.

Cara Memodifikasi Subheading dengan Garis Warna

1. Pertama yaitu pastikan anda telah login ke blogger.com

2. Pilih menu Tema pada dashboard blogger.

3. Kemudian klik Edit HTML

4. Silahkan anda tambahkan kode yang ada dibawah ini, tepat diatas kode ]]></b:skin>.

/* Garis Bawah Subheading */
.post-body h3,
.post-body h5,
.post-body h6{position:relative;margin:0 0 10px;padding:10px 0;border-bottom:2px solid #e0e0e0;font-weight:500;letter-spacing:0}
.post-body h3{font-size:140%;}
.post-body h5{font-size:100%;}
.post-body h6{font-size:80%;}
.post-body h3:before,
.post-body h5:before,
.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;
background:#138be6;width:7%;height:2px;}

5. Sebelum anda simpan, silahkan anda perhatikan keterangan kode yang ada dibawah ini

solid #e0e0e0 : merupakan warna garis yang memanjang
background:#138be6 : sedangkan warna background adalah warna di pojok garis sebelah kiri
font-size:140% : dan untuk ini adalah tempat Anda mengatur ukuran besar kecilnya kata-kata subheading

6. Kemudian silahkan anda simpan, dan Selesai.

Baca Juga : Cara Optimasi Artikel Agar Bisa Page One dan Pengunjung Meningkat

Untuk cara penerapannya sendiri cukuplah mudah dan simple. silahkan anda blok kata-kata subheading kemudian pilih menu yang ada pada menu artikel silahkan pilih "Subheading"

Demikian artikel Cara Menambahkan Garis Warna di Bawah Subheading, mudah-mudahan bermanfaat dan berguna bagi anda.

Share :