Cara Membuat Breadcrumbs/Navigasi Terindex Google

Assalamu'alaikum Wr. Wb.

Selamat malam sobat blogger, sudah pada tidur belum nih.? Dimalam ini Saya akan posting tentang cara membuat breadcrumbs/navigasi terindex google, breadcrumbs adalah menu yang di atas judul postinggan ituh loh sob, misalnya Home>nama label>judul postingan. Sebenarnya sudah banyak sobat blogger yang share tentang membuat breadcrumbs, tapi apa salahnya Saya share juga di blog Saya. Yasudah, karna ini kode nya panjang dan nanti karakter di hp Saya tidak cukup, mending langsung saja deh..

cara membuat breadcrumbs/navigasi terindex google

1. Seperti biasa, sobat masuk dulu di blogger.com
2. Masuk template ==> Edit HTML
3. Sobat cari kode ]]></b:skin> tekan Ctrl + F untuk mempermudah pencarian. Jika sudah ketemu, silakan copy CSS dibawah ini dan letakan di atas kode ]]></b:skin> tadi.

.breadcrumbs{background:aliceblue; padding:5px 5px 5px 5px;margin:0 0 5px;font-size:13px; border: 1px solid #778899; font-weight:normal}

4. Selanjutnya cari kode <b:includable id='main' var='top'> kalau sudah ketemu, hapus kode tersebut dan ganti dengan kode di bawah 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>
 <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'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>

</b:loop>

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

6. Simpan template.

Nah mungkin hanya itu saja yang bisa Saya tulis, karna postingan ini terlalu banyak kode dan karter di hp Saya sudah terbatas, jadi cukup sampai disini saja postingan tentang cara membuat breadcrumbs/navigasi terindex google. Semoga bermanfaat untuk sobat semua.

Wassalamu'alaikum Wr. Wb.