Cara Membuat Subheading Berwarna Dengan CSS

cara membuat garis berwarna di blogspot

Sub-Heading umumnya mendapatkan prioritas di bawah tag judul. Tag heading (judul) kita tetapkan sebagai H2 dan Sub-Heading sebagai H3. Ketika kita menulis artikel tentang apa saja maka kita menggunakan banyak Sub-Heading dan untuk membuatnya sedikit menarik kita akan menggunakan ikon dan warna dengan coding sederhana.

Cara Membuat Style Subheading Menjadi Keren - Nah, kali ini saya akan membuat style subheading pada blog kalian lebih keren dan yang pasti di sukai pengunjung. Subheading yang saya buat kali ini mirip sekali dengan yang saya pakai, Contoh nya ada garis bawah berwarna(subheading), Contohnya seperti di bawah ini :

Cara Membuat Subheading Keren di Blogspot

Tutorial untuk mengganti tampilan subheading pada blog ini hanya menambahkan CSS Subheading saja, tidak terlalu rumit untuk menggantinya. Untuk lebih jelas lagi mengenai style subheading yang seperti saya gunakan bisa ikuti cara dibawah :
1. Buka terlebih dahulu blog kalian
2. Langsung saja menuju halaman Template > Edit HTML
3. Cari kode ]]></b:skin>, agar lebih mudah gunakan CTRL + F
4. Masukkan kode dibawah ini tepat diatas kode ]]></b:skin>
.post-body h3,
.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 h5{font-size:100%;}
.post-body h6{font-size:80%;}
.post-body h3:before,
.post-body h5:before,
.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;back
Note :
Bila ukuran font terlalu besar, silahkan ganti .post-body h3{font-size:140%;}. ganti 140% dengan selera kalian.
Untuk mengganti warna silahkan ganti background color pada post-body h6
5. Simpan template


subheading keren di blogspot

Cara Penggunaan Subheading Diatas:
Artikel Selanjutnya Artikel Sebelumnya
Belum Ada Komentar : Pejalan Wisata
Tambahkan Komentar
Comment url
Post Terkait :
Tips Blogging,tutorial
close