Cara Membuat Style Subheading Menjadi Keren

Cara Membuat Style Subheading Menjadi Keren | mungkin sebelumnya saya pernah share cara membuat popular post lebih keren, nah kali ini saya akan membuat style subheading pada blog kalian lebih keren dan yang pasti disukai pengunjung. Subheading yang saya buat kali ini mirip sekali dengan yang dipakai Arlinadzgn, ituloh yang dibawah tulisan ada garis bawah berwarna(subheading). udah pernah liatkan?.

Tutorial untuk mengganti tampilan subheading pada blog ini hanya menambahkan CSS Subheading saja, tidak perlu ribet untuk menggantinya. Untuk lebih jelas lagi mengenai style subheading yang seperti arlinadzgn bisa ikuti cara dibawah :

Cara Membuat Style Subheading Lebih Keren

1. Buka terlebih dahulu blog kalia

2. Langsung saja menuju halaman Template > Edit HTML

3. Cari kode ]]></b:skin>, agar lebih cepat gunakan CTRL + F

4. Masukkan kode dibawah ini tepat diatas kode ]]></b:skin>

.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:1px}
.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:#4ffca2;width:7%;height:2px;}

Nb :
- Bila ukuran font terlalu besar, silahkan ganti .post-body h3{font-size:140%;}. ganti 140% dengan selera kalian.
- Untuk mengganti warna silahkan ganti background color pada post-body h6
5. Simpan template.

Cara Penggunaan Subheading Diatas:

Kalian tinggal pilih tag diatas dengan Subheading.

Itulah cara membuat style subheading menjadi keren, jika kalian kesulitan untuk mengganti subheadingnya bisa berkomentar dibawah.

Tweet

Subscribe to receive free email updates: