Cara bikin Breadcrumbs | Navigasi situs atau blogger

– Cara bikin Breadcrumbs | Navigasi situs atau blogger

bikin Breadcumbs pada situs atau blog ialah salah satu cara agar situs atau blog lebih seo friendly. Jadi amat mutlak anda mengetahui Bagaimana cara bikin breadcumbs (navigasi atas) spesialnya pada situs atau blogger/situs atau blogspot.

Sekilas tentang Breadcumbs (Navigasi Atas) Pada situs atau blogger

Breadcrumbs ialah aksesoris situs atau blogger, umumnya nampak horizontal di bagian atas Artikel situs atau blog anda, Lebih tepatnya ada di bawah bar judul atau header. Breadcrumbs situs atau blogger ini Rupanya link penghubung kembali ke halaman yg terlebih dahulu setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk halaman yang aktif. Breadcrumbs memberikan jejak bagi pemakai untuk ikuti kembali ke titik awal atau entri. sesuatu tanda yang semakin besar (>) sering mempunyai peran Selayak pemisah hirarki, walaupun dapat memakai simbol yang lain (layaknya »atau>), serta beragam grafik.

layaknya pada tampilan screenshoot diatas, anda mungkin bisa mengerti letak dan tampilan breadcumbs pada situs atau blog.

Home > Label1 > Label2 > Label3Home > panduan > Cara bikin > Breadcumbs situs atau blogger

Tutorial lengkap bikin Navigasi Breadcumbs untuk situs atau blogger

sesudah kita mengetahui jelas tentang navigasi breadcumbs, Langsung saja kita pelajari cara menjadikannya / memasang si breadcums pada situs atau blog kita.

1. Login ke situs atau blog kamu2. Klik Template &gt; Edit HTML &gt; Lanjutkan3. jangan lupa, Centangkan Expand Template Widget4. Cari kode ]]></b:skin> dan simpan kode di bawah ini tepat diata diatas ]]></b:skin>:

 .breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;} 

5. Cari kode source <b:includable id=’main’ var=’top’>, hapus dan langsung ganti dengan kode di bawah ini:

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

6.Simpan template, coba lihat apakah breadcums terpasang dengan benar di situs atau blog?

Fungsi breadcrumb pada situs atau blog ialah untuk mengetahui sedang dihalaman mana pengunjung sekarang berada . Dengan Navigasi breadcrumb, maka urusan navigasi link be more mudah. disamping itu, breadcrumb juga amat baik untuk situs atau blog agar lebih seo friendly, gara-gara navigasi ini membuat kaya kata kunci dalam catatan artikel. seperti itu saja pengenalan singkat tentang navigasi breadcumbs, Jika ada yang mau menambah dengan gembira hati ditunggu dikotak saran. Salam !

nah itulah kawan Cara bikin Breadcrumbs | Navigasi situs atau blogger yang dapat saya informasikan, semoga bermanfaat