Cara Memasang Navigasi Breadcrumbs di Blog Agar Cepat Terindex Google

Cara Memasang Navigasi Breadcrumbs di Blog Cepat Terindex Google - Halo salam semua pengunjung Ilmu Tazbhy. Kali ini saya akan bahas tentang Cara Memasang Navigasi Breadcrumbs di Blog Cepat Terindex Google. Banyak teman-teman blogger yang ingin memasang navigasi ini. baiklah kita langsung saja pada pembahasannya yaitu cara memasang navigasi breadcrumbs.

Adapun langkah-langkah membuat navigasi breadcrumbs sebagai berikut.

Untuk mencegah sesuatu yang tidak diinginkan, backup dulu tempalate blog anda.

1. Login ke blogger.
2. Klik "Template"
3. Kemudian klik edit html
4. karna saat ini edit html template blog beda dengan versi sebelumnya, tidak usah cari Expand Template Widget.
5. kemudian cari kode berikut: 

<b:includable id='main' var='top'> 

 Tekan CTRL + F untuk mempermudah pencarian

6. Ganti kode <b:includable id='main' var='top'>  dengan kode dibawah ini:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

7. Kemudian cari kode berikut

 ]]></b:skin>

 Tekan CTRL + F untuk mempermudah mencarinya

8. Copy kode dibawah ini dan pastekan di atas kode ini  ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}  

9. Kemudian save template

Demikianlah Cara Memasang Navigasi Breadcrumbs di Blog Agar Cepat Terindex Google. Jika ada yang tidak di mengerti silahkan berikan komentar anda

Share this post