Cara Membuat Breadcrumb Terindex Google

Selamat siang sobat blogger, Disiang 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 Ctr + f untuk mempermudah pencarian. Jika sudah ketemu. Silakan copy CSS di bawah 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'>, kalo 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 cuma 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.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser