Cara Membuat Garis Warna Merah Judul Dibawah Tulisan Seperti Arlinadzgn

Mungkin bagi kamu yang sering berkunjung ke situs blog arlinadzgn.com mungkin akan sering melihat judul postingan disitus tersebut memiliki garis merah dibawahnya. 
Garis merah dibawah tulisan untuk mempertajam penjelasan suatu tulisan judul yang ada didalam artikel tadi.

Tapi pada template/theme baru yang digunakan arlinadzgn sekarang menggunakan garis bawah dengan warna hijau yang terlihat cocok dengan templatenya.

Cara Membuat Tulisan Bergaris Bawah Warna Merah Seperti ArlinaDzgn


#1. Buka dasboard blog anda > Template > Edit HTML
#2. Cari kode ]]></b:skin> atau </style> dan pastekan kode dibawah tepat diatas salah satu kode tersebut

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

#3. Simpan template

Kamu bisa mengganti warnanya sesuai dengan yang kamu inginkan, ganti kode warna #fc4f69 sesuai dengan kode warna kamu sendiri

Garis merah hanya akan muncul dengan format tulusan seperti Heading, SubHeading, Dan Minor Heading

Comments