Skip to main content

Cara Membuat Garis Bawah Keren pada Subheading Blog

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

Subheading adalah subjudul atau bagian kecil dari judul besar pada suatu topik pembahasan. Dalam blogger Subheading ini digunakan untuk membedakan antara judul besar atau topik utama pada blog dan bagian-bagian judul lainnya. Selain itu penggunaan subheading  ini pula dapat membuat blog terlihat lebih rapi dan meningkatkan SEO.

Bagi anda yang sering menggunakan subheading (H2) pada saat menulis artikel, pasti tentunya bosan dengan tampilan yang tersebut. Oleh karena itu berikut saya akan membagikan cara membuat garis bawah keren dan berwarna pada postingan blogger.

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

Cara Membuat Garis Bawah Keren pada Subheading Blog

1. Buka Blog anda > pilih menu Tema > kemudian Edit HTML

2. Letakkan kode CSS yang ada dibawah ini tepat berada di atas kode ]]></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 tulisan anda > kemudian pili menu Subheading

Sekian tutorial dari saya tentang Cara Membuat Garis Bawah Berwarna pada Postingan Blog. Jika ada hal yang kurang dipahami bisa langsung ke kolom komentar, Terimakasih.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar