√ Cara Menciptakan Garis Bawah Keren Pada Subheading Blog

Cara Membuat Garis Bawah Keren pada Subheading Blog - Kali ini aku akan menjelaskan cara mengubah subheading (subjudul) pada postingan blog dengan tampilan garis bawah berwarna dengan memakai arahan css.

Subheading yaitu subjudul atau pecahan kecil dari judul besar pada suatu topik pembahasan. Dalam blogger Subheading ini dipakai untuk membedakan antara judul besar atau topik utama pada blog dan bagian-bagian judul lainnya. Selain itu penggunaan subheading  ini pula sanggup menciptakan blog terlihat lebih rapi dan meningkatkan SEO.

Bagi anda yang sering memakai subheading (H2) pada ketika menulis artikel, niscaya tentunya bosan dengan tampilan yang tersebut. Oleh sebab itu berikut aku akan membagikan cara menciptakan garis bawah keren dan berwarna pada postingan blogger.

Baca Juga: Cara Membuat Assalamualaikum di Postingan Blog

Dengan memakai gaya subheading (H2) yang berbeda ini, tentunya akan memudahkan para pembaca untuk membedakan judul dan isi yang ada pada artikel, sebab adanya garis bawah pada subheading tersebut. Tentunya dengan menerapkan arahan ini pula tida akan memberatkan proses loading blog anda sebab memakai arahan CSS.

Cara Membuat Garis Bawah Keren pada Subheading Blog

1. Buka Blog anda > pilih hidangan Tema > lalu Edit HTML

2. Letakkan arahan CSS yang ada dibawah ini sempurna berada di atas arahan ]]></b:skin> atau </style>

/* GARIS BAWAH 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{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;}

3. Kemudian pilih Simpan Tema

4. Untuk menerapkan garis bawah pada postingan anda, Buat Postingan Baru > Seleksi goresan pena anda > lalu pili hidangan Subheading

DEMO

Sekian tutorial dari aku ihwal Cara Membuat Garis Bawah Berwarna pada Postingan Blog. Jika ada hal yang kurang dipahami sanggup pribadi ke kolom komentar, Terimakasih.

Sumber http://www.analisyuki.com/