Breadcrumbs
Breadcrumbs
Breadcrumb adalah :menu navigasi horizontal dari sebuah judul artikel yang di iringi dengan label diatas judul postingan suatu web situs/web blog.
breadcrumb sangat bermanfaat untuk meningkatkan SERP search engine result page yang juga berfungsi dapat mengecilkan bounce rate karena semakin kecil bounce rate maka akan semakin bagus suatu situs web/blog di mata mesin pencari search engine.
contoh gambar breadcrumb
 |
| cara memasang breadcrumbs |
Dalam hal ini suatu breadcrumb yang ada dalam suatu web situs/web blog berarti sama saja halnya memberitahukan mesin pencari untuk mendeteksi Judul artikel dan label untuk mempermudah visitor/pengunjung menemukan artikel menghindari manipulasi artikel yang tidak relavan.untuk itu biasakan membuat sebuah label yang relavan dengan judul artikel.
Contoh: anda menulis sebuah artikel tentang cara mendapatkan uang di Internet $100 perbulan maka buatlah dengan label Bisnis online.
jangan lupa pasang permalink otomatis setiap postingan
jangan lupa pasang permalink otomatis setiap postingan
jangan membuat Artikel tentang cara mendapatkan uang di Internet $100 perbulan dengan label kesehatan ini adalah masalah kecil namun masalah kecil akan membawa dampak masalah besar karena mesin pencari search engine tidak menyukai dan membenci hal ini.maka berhati-hatilah mulai sekarang setiap dan setelah selesai menulis artikel buatlah label yang relavan dengan judul artikel sehingga tidak menyulitkan dan memanipulasi pengunjung/visitor.ketahuilah pengunjung adalah raja sebab pengunjung akan segera men-close suatu situs web/web blog yang tidak sesuai dengan keinginan yang di butuhkannya.
cara membuat Breadcrumb adalah:
1.sigin ke blogger
2.klik opsi lainya.
3.pilih templete
4.klik Edit Html
5.cari kode ]]></b:skin> untuk mempermudah mencarinya tekan Ctrl+F
6.Copy dan paste kode di bawah ini tepat di atas ]]></b:skin>
adapun kodenya sebagai berikut:
adapun kodenya sebagai berikut:
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
7.kemudian cari kode <b:includable id='breadcrumb' var='posts'>.
8.jika sudah ketemu Copy dan paste kode di bawah ini tepat di bawah <b:includable id='breadcrumb' var='posts'>
kodenya:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
9.Silakan Pratinjau
10.jika tidak ada yang error silakan simpan.
11.selesai.
demekianlah cara membuat breadcrumbs semoga bermanfaat jika ada kesilapan dan kealahan kritik dan saran yang sifatnya membangun saya tunggu.