Cara membuat menu breadcrumb di blog

<b:include data='posts' name='breadcrumb'/>Mungkin kalian udah tidak asing lagi dengan Breadcrumb blog.
Yah menggunakan breadcrumb pada blog adalah suatu cara agar blog kita lebih seo friendly lagi dengan google dan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.
Buat kamu yang tertarik untuk memasang menu navigasi diatas judul posting atau breadcrumb berikut adalah caranya.
Yang pertama kamu masuk dulu ke blogger kemudian edit html jangan lupa centang expand widget templates
Yang kedua kamu cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian): <b:include data='top' name='status-message'/>
Setelah itu pastekan kode ini tepat diatas kode <b:include data='top' name='status-message'/>:

<b:include data='posts' name='breadcrumb'/>

 

Yang ketiga kau cari kode berikut  <b:includable id='main' var='top'> Pate kode berikut tepat diatas kode <b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'><br /> <b:if cond='data:blog.homepageUrl != data:blog.url'><br /> <b:if cond='data:blog.pageType == &quot;static_page&quot;'><br /> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <!-- breadcrumb for the post page --><br /> <b:loop values='data:posts' var='post'><br /> <b:if cond='data:post.labels'><br /> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><br /> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.isLast == &quot;true&quot;'><br />  &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span><br /> </b:if><br /> </b:loop><br />  &#187; <span><data:post.title/></span><br /> </div><br /> <b:else/><br /> <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><br /> </b:if><br /> </b:loop><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;archive&quot;'><br /> <!-- breadcrumb for the label archive page and search pages.. --><br /> <div class='breadcrumbs'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span><br /> </div><br /> <b:else/><br /> <b:if cond='data:blog.pageType == &quot;index&quot;'><br /> <div class='breadcrumbs'><br /> <b:if cond='data:blog.pageName == &quot;&quot;'><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><br /> <b:else/><br /> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span><br /> </b:if></div></b:if></b:if><br /> </b:if><br /> </b:if><br /> </b:if><br /> </b:includable>






Setelah itu kamu cari kode ]]></b:skin> kemudaian sobat tambahkan kode berikut diatas kode ]]></b:skin>

.breadcrumbs{<br /> margin-left:10px;<br /> padding: 5px 0;<br /> border-bottom: 1px dotted;<br /> line-height:1.4em;<br /> }

Setelah itukamu jangan lupa save templatenya,  dan lihat hasilnya seperti ini ketika di pencarian google.

Ok.. Mungkin itu sekian dulu tulisan saya tentang cara memasang breadcrum di blog,semoga bermanfaat.

Catatan :  untuk menampilkan breadcrum di search engine google, memerlukan waktu, saya juga hanya beberapa artikel saja yang breadcrumbnya muncul di search engine

-

Baca Artikel Menarik Lainnya :