Cara Membuat Subheading Berwarna Dengan CSS

Tutorial untuk mengganti tampilan subheading menjadi berwarna keren pada blog ini hanya menambahkan CSS Subheading saja, tidak perlu ribet untuk menggantinya. Untuk lebih jelas lagi mengenai style subheading yang seperti arlinadzgn bisa ikuti cara dibawah

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:

COMMENTS

Name

AdSense,8,Bisnis Online,9,Internet and Web,1,Media Sosial,2,SEO,16,Tips Blogging,31,Tutorial,12,YouTube,1,
ltr
item
Writer Gilby: Cara Membuat Subheading Berwarna Dengan CSS
Cara Membuat Subheading Berwarna Dengan CSS
Tutorial untuk mengganti tampilan subheading menjadi berwarna keren pada blog ini hanya menambahkan CSS Subheading saja, tidak perlu ribet untuk menggantinya. Untuk lebih jelas lagi mengenai style subheading yang seperti arlinadzgn bisa ikuti cara dibawah
https://2.bp.blogspot.com/-fJYsx2KDK7s/WmXoNY8FRLI/AAAAAAAAAU4/BCNYourrb_QQT2UyWZ170QxtnVW-EnnXQCLcBGAs/s400/subheading.png
https://2.bp.blogspot.com/-fJYsx2KDK7s/WmXoNY8FRLI/AAAAAAAAAU4/BCNYourrb_QQT2UyWZ170QxtnVW-EnnXQCLcBGAs/s72-c/subheading.png
Writer Gilby
https://www.writergilby.com/2018/01/cara-membuat-subheading-berwarna.html
https://www.writergilby.com/
https://www.writergilby.com/
https://www.writergilby.com/2018/01/cara-membuat-subheading-berwarna.html
true
5831797774698540610
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy