Panduan Cara Mengganti Judul Artikel Posting Menjadi Tag H1

Cara Mengganti Judul Artikel Posting Menjadi Tag H1 - Sebenarnya sudah banyak blog yang membahas cara mengganti judul artikel posting menjadi tag H1, tapi setelah saya amati, setelah saya cek, dan setelah saya terapkan di blog ini ternyata hasilnya benar! Judul artikel posting menjadi tag H1 tapi jika cara yang anda temui seperti berikut ini maka anda akan mendapatkan Judul Blog Anda Akan Lenyap!! Tidak percaya? Silahkan terapkan cara mengganti judul artikel posting menjadi tag H1 yang telah banyak dibahas oleh teman-teman blogger ini terlebih dahulu :)

Dalam sebuah blog memiliki susunan Tag H (Heading) yang berbeda dalam setiap kode HTML yang ada dalam template blog itu sendiri. Tag H sendiri nerupakan faktor terpenting dan berpengaruh sangat besar bagi sebuah blog dalam search engine karena sebuah blog akan dinilai sangat relevan jika memiliki susunan Tag H yang sangat baik dan sesuai karakteristik search engine sehingga blog tersebut akan dimasukkan sebagai blog yang bersahabat dengan search engine! Dari sinilah SEO Friendly itu lahir... asal! :D
Susunan tag H yang baik untuk sebuah blog hanya terdiri dari H1, H2, H3, H4, H5, H6

Cara Mengganti Judul Artikel Posting Menjadi Tag H1

1. Masuk ke akun Blogger anda
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. 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>
4. Hapus kode di no.3 dan ganti dengan kode berikut 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>
5. Cari kode berikut

ini
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

Hapus kode no.5 dan 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 seperti berikut ini
<h1 class='title'>
<b:include name='title'/>
</h1>

Ganti kode no.7 dengan kode berikut ini
<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>

Cari kode berikut ini
.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;}

Ganti kode no.9 dengan kode berikut ini
.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;}

Selesai! Jangan disimpan terlebih dahulu tapi Pratinjau perubahan yang terjadi pada tampilan blog anda. Jika tidak ada kode error dan tampilan blog tidak berubah, klik Simpan Template

Saat anda melakukan preview memang perubahan tampilan blog tidak terlihat secara keseluruhan tapi setelah menerapkan cara mengganti judul artikel posting menjadi tag H1 ini ternyata Judul Blog Anda Lenyap! Jika benar judul blog anda lenyap maka tidak ada yang salah dengan mengganti judul artikel posting menjadi tag H1 yang telah anda lakukan tapi kode yang anda pasang terlalu berlebih, dimana letak kelebihannya? Silahkan cari sendiri :)

Dan bagi anda yang menerapkan cara diatas dan tidak terjadi perubahan apa-apa alias judul blognya masih tampil berarti anda selamat dan tidak perlu mengganti kode-kode lagi, tapi bagi anda yang judul blognya tidak tampil, silahkan baca panduannya di cara menampilkan judul blog.
Okey, jika ada pertanyaan silahkan berkomentar untuk artikel ini, Mengganti Judul Artikel Posting Menjadi Tag H1

Panduan Cara Mengganti Judul Artikel Posting Menjadi Tag H1 2012-12-25T14:38:00+08:00 Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni