Hacking Template Blogger Agar SEO Friendly

Berikut ini cara hack title dan head template blogger agar SEO friendly.

* Login Blogger ---> Rancangan ---> EDIT HTML


* Jangan lupa Centang Expand Template Widget


* Klik Download template lengkap untuk jaga-jaga.


Manipulasi Tag Heading Judul Postingan

Cari kode berikut 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: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>

Setelah ketemu Ganti semua kode di atas dengan kode dibawah ini.

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

Manipulasi Tag Heading Judul Blog

Cari lagi kode di bawah ini

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</h1>

Selanjutnya Ganti dengan kode berikut ini

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

Cari kode berikut ini

<h1 class='title'>

<b:include name='title'/>

</h1>

Ganti dengan kode berikut ini

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

Terakhir, Set CSS Anda

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.

.post h3 {

..................................

}

.post h3 a, .post h3 a:visited{

..................................................

}

.post h3 a:hover {

....................................

}

Ganti kodenya dengan kode di bawah ini

.post h3 {

..................................

}

.post h3 a, .post h3 a:visited{

..................................................

}

.post h3 a:hover {

....................................

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

}

Catatan: Kalau tidak berhasil, ganti hanya kode H3 nya..

Langkah terakhir, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini

#header h1 {

............................

}

Setelah itu Ganti dengan kode di bawah ini

#header h1, #header p {

margin:5px 5px 0;

padding:15px 20px .25em;

line-height:1.2em;

text-transform:uppercase;

letter-spacing:.2em;

font: $pagetitlefont;

}

Selesai..