Cara membuat garis berwarna di bawah heading

Cara membuat garis berwarna di bawah heading

Hay sobat gopensil, nah pada kesempatan kali ini saya ingin berbagi bagaimana sih caranya membuat tampilan subheading bisa lebih keren, misalnya dibawah teksnya muncul garis yang berwarna, seperti gambar dibawah ini:


Nah kan jadinya bisa lebih keren.. hehe, mau tau caranya? yuk simak berikut ini, caranya cukup mudah kok,

Caranya adalah buka blogger sobat, edit template dan copy code dibawah ini, kemudian paste tepat diatas kode ]]</b:skin> atau diatas </style>


 /* ccs tambahan untuk heading keren */
.post-body h3,.post-body h4,.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:before,.post-body h4:before,.post-body h5:before,.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;background:#3ADF00;width:7%;height:2px}

untuk mengganti warnanya silahkan sobat ganti kode #3ADF00 warna kesukaan sobat. Nah kemudian simpan template blogger sobat, dan lihat hasilnya, selamat mencoba!...

0 Response to "Cara membuat garis berwarna di bawah heading"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel