Membuat Menu Breadcrumbs diatas posting

Membuat Menu Breadcrumbs diatas posting - Breadcrumbs sebuah menu berderet menyesuaikan Label-Label yang digunakan, Menu Navigasi ini juga dapat berpengaruh SEO Blog. Anda bisa membuatnya seperti Blog saya juga...

Cara Membuat Menu Breadcrumbs diatas posting :

• Silahkan login ke blogger.
• Klik Rancangan>>Edit HTML
• Silahkan beri tanda centang list Expand Templete Wizard
• Silahkan cari kode ]]></b:skin>
• Copy lalu paste kode di bawah ini diabawah Code tadi :
• This Code : .breadcrumbs{
  padding:5px 5px 5px 0;
  margin:0;font-size:95%;
  line-height:1.4em;
  border-bottom:4px double #cadaef;
  }
• Silahkan cari kode berikut pada template sobat :

           <div class='post hentry uncustomized-post-template'>
          <div class='post hentry >

• Copy lalu paste kode di bawah ini dibawah code diatas :
• This Code : <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <b:else/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='breadcrumbs'>
  Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
  <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
  <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
  </b:loop>
  </b:if> &#187; <data:post.title/>
  </div>
  </b:if>
  </b:if>
• Klik tombol Save Template dan lihat hasilnya :D 
• Selamat mencoba .....

Read More..