Pada umumnya susunan H1, H2, H3 dst pada default template blogspot menempatkan H1 untuk judul blog, kemudian H2 header widget dan H3 adalah judul posting. Padahal kita tahu mesin pencari semacam google lebih mengutamakan H1 untuk mengidentifikasi blog. Dalam tutorial ini memaparkan langkah-langkah Bagaimana ubah Tag H1 menjadi Judul Posting tentu saja biar lebih SEO :)
Langsung saja ikuti langkah-langkah berikut :
Cari Kode :
Cari Kode :
Cari Kode :
Langkah 4 :
Cari kode yang mirip ini, tidak selalu sama persis soalnya :
SIMPAN dan SELESAI !
Langsung saja ikuti langkah-langkah berikut :
- Login ke Blogger
- Masuk ke Rancangan -> Edit HTML
- Jangan lupa di simpan/ download dulu template lama :)
- Klik "Expand Widget Template
Cari Kode :
<b:if cond='data:post.title'>Ganti dengan :
<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:if cond='data:blog.pageType != "item"'>Langkah 2 :
<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>
Cari Kode :
<h1 class='title' style='background: transparent; border-width: 0px'>Ganti dengan :
<b:include name='title'/>
</h1>
<b:if cond='data:blog.pageType != "item"'>Langkah 3 :
<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>
Cari Kode :
<h1 class='title'>Ganti dengan :
<b:include name='title'/>
</h1>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'>
</b:include></h1>
<b:else>
<div class='title' style='font-size: 26px; font-weight: bold; letter-spacing: -1px; line-height: normal; margin: 5px 5px 0pt; padding: 15px 20px 3px 0pt;'>
<b:include name='title'>
</b:include></div>
</b:else></b:if>
Langkah 4 :
Cari kode yang mirip ini, tidak selalu sama persis soalnya :
.post h3 {Ganti dengan :
color: #333333;
font-size: 16px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
text-decoration: none;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a, #content h1 a:visited {
color: #333333;
font-size: 22px;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 0 0;
}
.post h3 a:hover {
color: #CF152A;
text-decoration: none;
}
.post h1, .post h2 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h2 strong, .post h2 a:hover {
color: #333333;
}
SIMPAN dan SELESAI !