Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Title
Cara merubah heading judul posting ke tag h1 - use h1 in blogspot post title adalah untuk merubah tag h1 di artikel post agar menjadi lebih seo friendly.
Struktur heading pada template blog meliputi heading h1, h2, h3, h4, h5, h6. Pada template, biasanya h1 digunakan untuk judul utama blog, h2 biasanya untuk widget, h3 biasanya untuk judul posting (post title), dan seterusnya. Menurut para pakar SEO, penempatan judul posting pada h1 bisa membuat blog menjadi lebih SEO friendly dengan alasan karena search engine lebih dekat dengan heading atau h1. Nah, kali ini saya akan menuliskan cara merubah heading judul posting ke tag h1 seperti berikut:
- Login ke blogger.com > klik design > Edit HTML (centang Expand Widget Template)
- Cari kode yang mirip dengan kode berikut pada template Anda: <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> - Hapus kode tersebut, kemudian ganti dengan kode berikut ini:
<b:if cond='data:blog.pageType != "item"'>
<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>
<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> - Selanjutnya cari lagi di template Anda kode berikut ini: <h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
Hapus dan ganti dengan kode berikut:<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> - Cari lagi kode seperti ini: <h1 class='title'>
<b:include name='title'/>
</h1>
Ganti dengan kode seperti ini:
<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> - Kemudian cari lagi kode yang mirip seperti kode berikut:
.post h3 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h3 strong, .post h3 a:hover {
color: #333333;
}
Ganti dengan kode berikut ini:
.post h1, .post h3 {
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 h3 a, .post h3 a:visited, .post h3 strong {
color:$titlecolor;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover,.post h3 strong, .post h3 a:hover {
color: #333333;
} - Save template, selesai.
+ komentar + 12 komentar
udah di cari2 gx nemu kode seperti ini gan
Terimakasih J-Ris-Man atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlepost h3 {
color:$titlecolor;
font-size: 160%;
font-weight: normal;
line-height: 1.4em;
margin: 0.25em 0 0;
padding: 0 0 4px;
}
...................
gimana dong gan bantuin
cari dengan tekan ctrl+f mas hehehe
Terimakasih Penulis atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post TitleTerima kasih triknya. Mau saya coba di blog blogger..
Terimakasih Info Obat atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlethanks gan infonya
Terimakasih lekko atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post TitleGan, untuk h4, h5, h6 nya mana gan ?
Terimakasih kode rahasia handphone atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlekalau gak salah itu untuk h1, h2, h3 ya? 8-}
berkunjung ya gan di blog saya http://yahyanuri.blogspot.com
Baru tadi saat mau posting tutorial saya baru sadar kalau judul postingan di blog saya belum dibenahi juga
Terimakasih Ramzi atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlenice share
artikel yang bagus mas. sepertinya saya mau mencobanya. thankya
Terimakasih achmad firdaus atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlemkasih sob. informasi yang sangat bermanfaat
Terimakasih Andi Joe atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlesusah sekali
Terimakasih Darmawan Saputra atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post TitleThanks gan....
Terimakasih Unknown atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post TitleNICE INFO
http://bangvandawablog.blogspot.com/
Bagus sekali gan....mantap
Terimakasih Honey...Money atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post Titlehttp://chatpapa.blogspot.com
Terimakasih kapil grover atas Komentarnya di Merubah Heading Judul Posting Ke Tag h1 - h1 in Blogspot Post TitlePosting Komentar