Cara Merubah Tag H1 untuk Judul Postingan

Setelah berjalan kesana kemari untuk mencari cara seperti pada judul postingan ini, akhirnya saya menemukan sebuah cara yang bisa dianggap paling tepat untuk mengisi postingan ini, memang sungguh banyak artikel yang memposting ini, tapi hasilnya tidak maksimal bahkan struktur menjadi kacau. Cara ini saya dapatkan dari master SEO Mas Doyok dengan judul Manipulasi Tag Heading untuk Judul Postingan dan Judul Blog. Langsung saja ikuti tutorialnya dibawah ini.

Cara mengganti Tag H1 untuk Postingan :
1.Masuk ke Edit html.
2.Cari kode berikut ini :
Digunakan untuk memanipulasi 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 != &quot;item&quot;'>
<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>

<br /> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <b:if cond='data:post.title'><br /> <h2 class='post-title entry-title'><br /> <b:if cond='data:post.link'><br /> <a expr:href='data:post.link'><data:post.title/></a><br /> <b:else/><br /> <b:if cond='data:post.url'><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h2><br /> </b:if><br /> <b:else/><br /> <h1 class='post-title entry-title'><br /> <b:if cond='data:post.link'><br /> <a expr:href='data:post.link'><data:post.title/></a><br /> <b:else/><br /> <b:if cond='data:post.url'><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h1><br /> </b:if><br />

4. Cari kode berikut ini :
Digunakan untuk memanipulasi 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 != &quot;item&quot;'>
<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>

<br /> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <h1 class='title' style='background: transparent; border-width: 0px'><br /> <b:include name='title'/><br /> </h1><br /> <b:else/><br /> <p class='title' style='background: transparent; border-width: 0px'><br /> <b:include name='title'/><br /> </p><br /> </b:if><br />

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 != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

<br /> <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <h1 class='title'><br /> <b:include name='title'/><br /> </h1><br /> <b:else/><br /> <p class='title'><br /> <b:include name='title'/><br /> </p><br /> </b:if><br />

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{
..."isinya sesuai template masing-masing"...
}

.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;
}

<br /> .post h1, .post h2 {<br /> margin:.25em 0 0;<br /> padding:0 0 4px;<br /> font-size:140%;<br /> font-weight:normal;<br /> line-height:1.4em;<br /> color:$titlecolor;<br /> }<br /> <br /> .post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{<br /> display:block;<br /> text-decoration:none;<br /> color:$titlecolor;<br /> font-weight:normal;<br /> }<br /> <br /> .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {<br /> color:$textcolor;<br /> }<br />

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;
}

<br /> #header h1, #header p {<br /> margin:5px 5px 0;<br /> padding:15px 20px .25em;<br /> line-height:1.2em;<br /> text-transform:uppercase;<br /> letter-spacing:.2em;<br /> font: $pagetitlefont;<br /> }<br />

12.Save Template
13.Selesai

Selamat mencobaa....
 

Artikel Terkait Lainnya :

Posted in: Tutorial SEO