Cara Optimasi Tag H1

Sabtu, 09 Februari 20130 komentar

Berikut ini Cara Optimasi Tag Heading h1 :

1. Login ke Blogger pilih tab Design > Edit HTML
2. Centang "Expand Widget Templates"
3 Backup dahulu template kamu
4. Cari kode seperti di bawah 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>


5. Ganti kode di atas dengan kode di bawah 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>

6. Kemudian itu cari kode
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>


7. Ganti lagi dengan kode berikut:

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

8. Cari lagi kode

<h1 class='title'>
<b:include name='title'/>
</h1>

9. Ganti lagi dengan kode

<b:if cond='data:blog.pageType != &quot;item&quot;'> <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>


10. Cari lagi kode yang mirip

.post h3 {
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;
}


11. Ganti dengan kode

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

Setelah selesai simpan template kamu

Semoga bermanfaat
Share this article :

Posting Komentar

 
Support : Zv-eLite | TipSeoFriendly | Top Five
Copyright © 2011. Tips Buat Blogger - All Rights Reserved
Template Created by Zv-eLite .com Published by Septa Praseya Hanafi
Proudly powered by Blogger