Dalam menguatkan judul postingan agar mendapatkan posisi yang terbaik dalam halaman search engine google, biasanya para Master SEO menggunakan Tag H1 atau Tag H2 untuk Judul Postingan blognya. Hal ini dikarenakan mesin pencari google mengindex blog kita, pasti index ini akan berurutan, dari mulai tag heading H1, H2, H3, H4, H5, lalu H6. Untuk H1 yang digunakan sebagai judul postingan, maka anda dapat membaca pada artikel Cara Merubah Tag H1 untuk Judul Postingan . Langsung saja berikut tutorial untuk merubah judul postingan menjadi Tag H2.
Cara mengganti Tag H2 untuk Postingan :
1.Masuk ke Edit html.
2.Cari kode berikut ini :
Digunakan untuk merubah judul Judul Postingan
<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>
3. Ganti semua kode diatas dengan :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<h1 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>
</h1>
</b:if>
4. Cari kode berikut ini :
Digunakan untuk merubah Judul Utama Blog
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
5. Ganti semua kode diatas dengan :
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
6. Cari kode berikut ini :
<h1 class='title'>
<b:include name='title'/>
</h1>
7. Ganti semua kode diatas dengan :
<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>
8. Cari kode berikut ini :
Digunakan untuk set CSS
Cari kode CSS yang sesuai :
.post h3 {
..."isinya sesuai template masing-masing"...
}
.post h3 a, .post h3 a:visited, .post h3 strong {
..."isinya sesuai template masing-masing"...
}
.post h3 strong, .post h3 a:hover {
..."isinya sesuai template masing-masing"...
}
9. Ganti semua kode diatas dengan :
.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}
10. Cari kode berikut ini :
#header h1 {
..."isinya sesuai template masing-masing"...
}
11. Ganti semua kode diatas dengan :
#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
12. Cari kode yang serupa berikut ini :
h2.date-header {
margin:1.5em 0 .5em;
}
13. Ganti semua kode diatas dengan :
.date-header {
margin:1.5em 0 .5em;
}
14. Cari kode berikut ini :
<h2 class='date-header'><data:post.dateHeader/></h2>
15. Ganti semua kode diatas dengan :
<div class='date-header'><data:post.dateHeader/></div>
16.Save Template
17.Selesai
Selamat Mencoba…
