Membuat Heading Dinamis Pada Blogspot

Cara Membuat Heading Dinamis Pada Blogspot | Dalam mengoptimalkan Seo blog diperlukan penyusunan / penataan tag heading (heading dinamis). Penyusunan Tag h1 dan h2 yang benar akan menambah nilai SEO blog, karena di setiap halaman blog yang dibuka oleh pengunjung akan menjadi identitas utama dari halaman blog melalui heading dinamis sebagai link tujuan.

Lalu bagaimana cara membuat heading dinamis blogspot ? Langsung saja kita mulai caranya :

1. Login ke blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Lalu cari kode seperti di bawah ini dengan ctrl + F

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</b:include></h1>
</div>
<b:include name='description'/>
</b:include></div>

6. Setelah itu silahkan anda ganti semua kode di atas dengan kode di bawah ini

<div id='header-inner'>
<div class='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>
<b:else/>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>

7. Kalau sudah, anda cari lagi kode seperti di bawah ini :

<a expr:name='data:post.id'/>
<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>

8. Silahkan ganti lagi kode tersebut di atas dengan kode di bawah ini :

<a expr:name='data:post.id'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' style='font-size:1.3em;'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:else/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
</b:if>

9. Selesai, simpan template

Nah dengan demikian dalam penyusunan heading dinamis yaitu h1 dan h2 seperti tutorial di atas, tidak akan ada lagi h1 sebagai titel blog yang lebih dari satu di setiap halaman blog.

Saya akhiri dulu pembahasan mengenai Cara Membuat Heading Dinamis di Blogspot / Blogger, selamat mencoba dan semoga bisa bermanfaat untuk anda semua, happy blogging.