Cara Mudah Membuat Breadcrumbs Untuk Blogger

Cara Membuat Breadcrumbs Untuk Blogger

Kali ini kita akan membahas tentang Bagaimana membuat breadcrumbs untuk blogger,
memang gampang gampang susah caranya, tapi disini saya akan memutar otak agar
para pengunjung sekalian dapat membuatnya dengan mudah,karena jika saya
membuatnya agak sulit, pastinya kalian juga akan tersulitkan,Jadi saya buatlah
artikel ini semenarik dan semudah mungkin agar kalian juga dapat nyaman
membacanya, karena Breadcrumbs menurut saya berguna untuk Hal SEO, baiklah
silahkan disimak baik baik artikel saya kali ini.

2.Klik Template – Edit HTML

3.Carilah kode  ]]></b:skin> 

4.Copy kode dibawah ini lalu anda pastekan dibawah kode ]]></b:skin>

‘’ .breadcrumbs{padding:0 5px 5px 0;margin-bottom:20px;margin-top:0;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb}

’’ Tanpa Tanda Kutip ‘’

5.Lalu anda cari kode ini <b:includable id='main' var='top'>

Lalu ganti dengan kode yang saya berikan dibawah

‘’ <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'>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>

<b:loop values='data:post.labels' var='label'>

  &#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></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'/>

’’ Tanpa tanda kutip ‘’
6.Lalu Klik simpan template.

Sekian Artikel tentang Cara Membuat Breadcrumbs untuk Blogger dengan mudah, apabila ada kesalahan kata’’ mohon dimaafkan. Terima kasih