Kali ini admin akan membahas cara membuat subheading menjadi keren. Bagi kalian yang belum tahu apa itu subheading, subheading secara gampangnya, yaitu Tulisan judul yang ada di dalam postingan. Lalu Bagian mana yang akan di buat lebih keren?. Bagian yang kita edit kali ini adalah bagian border bawah atau underline. Untuk tutorialnya sebenarnya sangat mudah ,karena hanya menerapkan css saja. Untuk tutorialnya silakan simak tutorial berikut ini.
- Buka terlebih dahulu blog kalian
- Langsung saja menuju halaman Template > Edit HTML
- Cari kode ]]></b:skin>, agar lebih cepat gunakan CTRL + F
- 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;background:#4ffca2;width:7%;height:2px;}
- Jika ukuran font terlalu besar, silahkan ganti .post-body h3{font-size:140%;}. ganti 140% sesuai ukuran font blog kalian
- Untuk mengganti warna silahkan ganti background color pada post-body h6
- Simpan template kalian dan lihat hasilnya
Belum ada tanggapan untuk "Cara Membuat Style Subheading Keren"
Posting Komentar