Cara Memasang Breadcrumb di Blog

Cara Memasang Breadcrumb di Blog tepat diatas judul postingan. Breadcrumb memperlihatkan link blog/postingan anda berbeda dari yang lain saat muncul di google search. Pada pencarian google link anda hanya tampil home dan label. Pada postingan yang dikunjungi setiap label akan saling berkaitan dan untuk artikel yang baru anda bagikan akan terletak pada urutan pertama, ini dapat membantu anda meningkatkan review postingan baru anda dan akan membantu postingan cepat terindek oleh google.

Berikut ini script untuk memasang Breadcrumb di atas judul/title postingan

1. Klik Template - Edit HTML

2. Klik Lompat ke Widget - Klik Blog1

3. Cari dan klik id='main' var='top'
di blok/ diganti <b:includable id='main' var='top'> sampai dengan <data:defaultAdStart/>
dengan kode dibawah ini :

            <b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>
      <b:include data='top' name='status-message'/>
    <!-- posts -->
        <div class='blog-posts hfeed'>     
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
&#187;
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</div>
</b:if>
      <data:defaultAdStart/>

4.  Klik <b:skin>...</b:skin>

5. Cari ]]></b:skin> kode ini terletak diatas </head>

6. Copypaste kode dibawah ini tepat diatas ]]></b:skin>

.breadcrumbs{padding:5px;font-size:80%}

Klik simpan