Cara Membuat Breadcrumb

Breadcrumb merupakan menu navigasi yang manfaatnya sebagai pentunjuk bagi para pembaca atau pengunjung yang sedang berada di blog tersebut. Disamping itu manfaat lainnya adalah sebagai tags yang terdapat dalam blog tersebut yang akan dapat dengan mudah terindex oleh google. Ini merupakan salah satu upaya untuk meningkatkan kemampuan dari SEO On Page.

Berikut ini langkah-langkah cara membuat breadcrumb:

1. Dashbord > Rancangan > Edit HTML, lalu centang bagian kotak Expand Widget Template
2. Download dulu template anda sebelumnya.
3. Gunakan Ctrl+F untuk mencari ]]></b:skin>
4. Jika sudah ketemu, letakkan (paste) kode di bawah ini sebelum kode ]]></b:skin>
   

   .breadcrumbs {
   padding:5px 5px 5px 0px;
   margin: 20px 0px 15px 15px;
   font-size:85%;
   line-height: 1.4em;
   border-bottom:3px double #e6e4e3;
   }

5. Cari kode <b:includable id='post' var='post'> (seperti biasa gunakan Ctrl+F)
6. Jika sudah ketemu, telakkan (paste) kode di bawah ini setelah kode <b:includable id='post' var='post'>
   

   <b:if cond='data:blog.homepageUrl == data:blog.url'>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='breadcrumbs'>
   You are Here &#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>

7. Simpan template, selesai.

Demikian cara membuat breadcrumb atau menu navigasi di atas postingan, smoga bermanfaat.