Cara Mempercantik Tampilan Subheading (H3) Di Postingan Blogger


Cara Mempercantik Tampilan Subheading (H3) Di Postingan Blogger

penggunaan subheading atau h3 pada artikel/postingan di blog merupakan salah satu faktor yang akan meningkatkan kualitas seo blog anda, dengan menggunakan subheading pada artikel anda maka akan meningkatkan brand keyword yang anda masukkan pada sub judul tersebut.

namun pada umumnya hampir semua template blogger tidak mendukung tampilan subheading yang cantik, sehingga untuk mengubah style-nya kita harus mengeditnya sendiri, untuk itulah pada artikel ini saya akan membagikan tutorial cara mempercantik tampilan subheading di blogger.

jika anda berminat untuk mencobanya, silahkan simak tutorial berikut ini

Cara Mempercantik Tampilan Subheading


1. pertama tama silahkan login akun blogger anda terlebih dahulu
2. pada menu dashboard klik Tema > Edit HTML
3. lalu letakkan script di bawah ini tepat sebelum kode </style> atau ]]></b:skin>

style 1


Cara Mempercantik Tampilan Subheading


/* Css Heading */
.post-body h2,
.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 h2{font-size:120%;text-align: left;color: #00BFFF;font:#00BFFF;}
.post-body h2:before,
.post-body h5:before,
.post-body h6:before{content:'';position:absolute;bottom:-2px;left:0;right:0;background:#00BFFF;width:10%;height:2px;

style 2


Cara Mempercantik Tampilan Subheading

.post h3 { padding: 3px; text-shadow: -2px -1px 1px #060606; box-shadow: -3px 2px 3px #000; padding-left: 10px; margin-bottom: 7px; background: #303030; color: #F7F7F7; } 
.post h3:before { font-family: FontAwesome; position: relative; content: '\f054'; font-size: 17px; padding-right: 10px; }

style 3


Cara Mempercantik Tampilan Subheading


.post h3 { padding: 3px; text-shadow: -1px -1px 0px #000000; box-shadow: -2px 2px 3px #000; padding-left: 10px; margin-bottom: 7px; } 
.post h3:before { font-family: FontAwesome; position: relative; content: '\f02d'; text-shadow: 0px 0px 0px #000; color: #000; font-size: 17px; padding-right: 10px; }

Cara Menggunakan Subheading Di Postingan Blog


nah untuk menerapkannya pada sebuah postingan atau artikel sangatlah mudah, caranya yaitu :

1. buahlah sebuah artikel
2. select kalimat yang ingin anda jadikan subheading
3. pada menu format ubah Normal menjadi subheading

Cara Menggunakan Subheading Di Postingan Blog

4. Trakhir klick publikasikan atau perbarui

Penutup

itulah tadi artikel mengenai cara mempercantik tampilan subheading di postingan blogger, semoga dapat bermanfaat bagi anda

akhir kata
see you next time and happy blogging

0 Response to "Cara Mempercantik Tampilan Subheading (H3) Di Postingan Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel