Cara Membuat Garis Bawah Pada TagHeading Di Blog

Gambar 1.0 Tag Heading

Cara Membuat Garis Bawah Pada TagHeading Di Blog- Hai kali ini ane mau share tentang bagaimana sih membuat Garis Bawah Tag Heading karena ane jg dulu penasaran gimanaya buat nya. lalu ane searching alhamdulillah dapet lewat inspect element, oke langsung saja pastikan sudah membuat CSS untuk Heading seperti (H3,H4,H5).

1. oke sekarang anda buka Edit Template kemudian masukkan kode CCS dibawah ini tepat Sebelum ]]></b:skin> atau </style>

.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{font-size:140%;}.post-body h4{font-size:120%;}.post-body h5{font-size:100%;}.post-body h6{font-size:80%;}
.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:#fc4f69;width:7%;height:2px;}

2. lalu simpan template nya, dan silahkan ditesting buat post baru lalu buat kaliman dan pilih tag kalimat nya menjadi Minor Heading.

dan untuk warnanya sulahkan setting sendiri terserah anda, oke mungkin ini saja yang dapat saya sampaikan kurang lebihnya mohon maaf semoga bermanfaat dan selamat mencoba

Share this post