Cara Membuat / Memasang Navigasi Breadcrumb di Blog - Pada awal saya ngeblog, saya sempat membaca sebuah artikel yang dalam satu kutipan bilang begini " Navigasi breadcrumb yakni bab dari blog yang keberadaannya sanggup menunjang blogmu di mata search engine" membaca kata tersebut maka langsunglah saya menciptakan navigasi breadcrumb. eh pas mau buat ternyata nggak semuda yang di bayangkan, ternyata eror sob!!.
Sudah banyak macam breadcrumb navigasi yang saya pasang di blog saya tapi tak ada satupun yang bisa.. eror semua, terutama bila menerapkan 2 atau lebih kategori dalam 1 artikel. Dari situlah saya tahu, ternyata permasalahnnya yakni perbedaan arahan di setiap template.
Navigasi breadcrumb sendiri yakni sebuah navigasi atau penunjuk halaman yang umumnya berfungsi untuk membantu menawarkan warta kepada si pembaca wacana di artikel mana dan di sajian apa si pembaca berada. bagi teman yang tertarik untuk memasang navigasi breadcrumb di blog sobat, silahkan ikuti tutorial nya di jamin tidak eror dan so niscaya SEO friendly...
Berikut Cara Membuat Navigasi Breacrumb di Blog.
1. Log in ke akun blog sobat.
2. Klik Rancangan---> Edit HTML --> Klik Download template lengkap
4. Letakkan arahan berikut di atas arahan ]]></b:skin>. ( gunakan Ctrl + F untuk memudahkan pencarian)
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}
5. Kemudian teman cari arahan ibarat ini :
<b:includable id='post' var='post'>
6. Pastekan arahan berikut sempurna di bawahnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
You are Here > <a expr:href='data:blog.homepageUrl'>Home</a> >
<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 != "true"'> , </b:if>
</b:loop>
</b:if> > <data:post.title/>
</div>
</b:if>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
You are Here > <a expr:href='data:blog.homepageUrl'>Home</a> >
<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 != "true"'> , </b:if>
</b:loop>
</b:if> > <data:post.title/>
</div>
</b:if>
</b:if>
7. Yang terakhir teman tinggal simpan template dan lihat hasilnya.
Semoga dengan adanya artikel ini sanggup membantu kalian semua yang kesulitan dalam hal ibarat ini.
Jangan sungkan untuk komentar dibawah ini bila ada yang tidak dimengerti.
"Klik 1 Iklan = Anda Orang Cerdas"
Sumber https://www.duarebu.com/
