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'>4. dan ganti semua kode itu dengan kode dibawah ini:
<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>
<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 {6. Kamu isikan isi css yang sama pada #header h1 dengan P.title , dan #header h1 a dengan P.title a
}
P.title a{
}
jika kurang mengerti contohnya seperti ini:
Jika
#header h1{maka kita samakan isinya seperti ini:
font-size: 20px;
color: #ffffff;
}
#header h1 a{
text-align:left
}
P.title {
font-size: 20px;
color: #ffffff;
}
P.title a{
text-align:left
}