Cara mengubah tag heading template blogger

Tag heading adalah attribut html yang berfungsi untuk menyusun level-level  heading dan subheading pada website sehingga akan lebih terstruktur  dengan baik. Terdapat 6 buah tag yang digunakan untuk memberikan judul (heading) pada badan dokumen HTML dengan menggunakan tag H1 sampai H6. Menurut apa yang saya baca dan saya dengar dari teman saya SEO on page terletak pada Susunan Tag Heading ini yang biasa mereka sebut Dynamic Heading.

Untuk memastikan Template blog kita jika sedang berada di single post atau page artikel; judul post menjadi H1 dan judul blog menjadi p. title tidak ada tag heading dan jika berada di homepage maka susunannya menjadi; judul blog H1 dan judul post h2 atau h3.

Berikut adalah cara mengubahnya:
1. Cari kode dibawah ini
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

2. dan ganti semua kode diatas dengan kode dibawah ini:
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<H1 class='title'>
<b:include name='title'/>
</H1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>

3. Berikutnya adalah untuk mengedit Tag head bagian Judul Post nya, cari kode seperti dibawah ini:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
4. dan ganti semua kode itu dengan kode dibawah ini:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<H3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H3>
</b:if>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

5. Tahap editnya sudah selesai namun coba kamu lihat blog kamu pada bagian Header Judul dan deskripsinya bedakan saat di Home page dan Di Single page(Page artikel) akan ada perbedaan ukuran. agar hal ini bisa diatasi sekarang kamu coba cari elemen Css:
#header h1{

}
#header h1 a{

}

sekarang tambahkan kode ini dibawah elemen css tadi:
P.title {

}
P.title a{

}
6. Kamu isikan isi css yang sama pada #header h1 dengan P.title , dan #header h1 a dengan P.title a

jika kurang mengerti contohnya seperti ini:
Jika
#header h1{
font-size: 20px;
color: #ffffff;
}
#header h1 a{
text-align:left
}
maka kita samakan isinya seperti ini:
P.title {
font-size: 20px;
color: #ffffff;
}
P.title a{
text-align:left
}
VIDEO HOT