Cara Membuat Breadcrumb Berdasarkan Kategori Pada Blogger

BreadCrumb adalah istilah yang menggambarkan Addres bar Link. Pemasang Breadcrumb wajib di Terapkan di blog anda karena sangat berguna untuk mempermudah Seacrh Engine untuk menjelajahi Crawling halaman blog anda sehingga blog anda menjadi Seo Freandly dan disenangi oleh Search Engine dan Google. Contohnya (Home » Kategori » Post Title). Membuat Breadcrumb dapat memudahkan Google Crawl mengindex Artikel anda.

Baca Juga : Cara Membuat Breacrumb Seo Freandly diatas Judul Postingan

Tutorial kali ini adalah dari Blog Vietnam yang bernama blog-xtraffic.pep.vn - Lihat Blog . Namun saya sedikit menerjemahkan bahasa itu ke bahasa Indonesia. Dan sedikit memberikan Tutorial yang detail. Oke langsung saja kita bahas cara membuatnya.

Cara Pertama :

1. Buka Blogger kemudian Login.
2. Dashboard Buka Template.
3. Kemudian Edit HTML.

Proses Pembuatan :

Silakan anda Backup Terlebih dahulu Template anda, Bila terjadi kesalahan maka dengan mudah membalikan seperti semula.

1. Temukan kode <b: include data = 'top' name = "status-message '/> atau <b:include data='top' name='status-message'/>
2. Kemudian pengganti dengan kode dibawah ini.

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

3. Temukan lagi kode <b:includable id='main' var='top'>

Screenshoot :

4. Kemudian ganti dengan kode dibawah ini.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

5. Temukan kode ]]></b:skin>
6. Copy & Paste kode berikut ini, dan Letakkan kode berikut diatas kode ]]></b:skin>

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

7. Simpan Template.

Demikianlah Tutorial Blogger kali ini, bila terjadi kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat home page anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Breadcrumb Berdasarkan Kategori Pada Blogger

Cara Membuat Breadcrumb Berdasarkan Kategori Pada Blogger

1 Response to "Cara Membuat Breadcrumb Berdasarkan Kategori Pada Blogger"