- Login ke blogger
- Tata Letak
- Edit HTML
- Centang Expand Widget Templates
Lalu cari kode berikut ini
<b:if cond='data:post.title'>
kode lengkapnya seperti 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:if>
</h3>
</b:if>
Gantilah h3 pada kode di atas menjadi h1. Beberapa template mungkin menggunakan tag h2.
Jika sudah, sekarang ganti kode css untuk judul psot Anda. Misalkan kode css blog saya
.post h3 {
......................
}
.post h3 a, #content h3 a:visited {
.................................
}
.post h3 a:hover {
...............................
}
Perhatikan yang berwarna merah.... ganti h3 dengan h1.
Tambahkan kode biru berikut di atas ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
line-height:1.4em;
}
Jika Anda menggunakan tag h1 untuk postingan Anda, sebaiknya Anda mengganti tag judul blog Anda menjadi h2 agar tidak terjadi dobel tag h1. Caranya sama, Anda cukup mencari kode css heading blog Anda misal:
#header h1 {
........
}
#header h1 a, #header h1 a:visited {
........
}
#header h1 a:hover {
..................
}
ganti h1 dengan h2.
Lalu cari kode h1 lain selain kode untuk judul postingan seperti yang disebutkan tutor di atas, ganti juga dengan h2. Misal...
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
......................
............................
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
......................................
Ganti h1 dengan h2.
Jika sudah simpan template Anda...
Semoga bermanfaat....
