Cara Menciptakan Breadcrumb Menurut Kategori Pada Blogger

Baca Juga

BreadCrumb ialah istilah yang menggambarkan Addres kafe Link. Pemasang Breadcrumb wajib di Terapkan di blog anda sebab sangat mempunyai kegunaan 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 sanggup memudahkan Google Crawl mengindex Artikel anda.

Baca Juga : Cara Membuat Breacrumb Seo Freandly diatas Judul Postingan

Tutorial kali ini ialah dari Blog Vietnam yang berjulukan blog-xtraffic.pep.vn - Lihat Blog . Namun aku sedikit menerjemahkan bahasa itu ke bahasa Indonesia. Dan sedikit memperlihatkan Tutorial yang detail. Oke pribadi 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 gampang membalikan menyerupai semula.

1. Temukan kode <b: include data = 'top' name = "status-message '/> atau <b:include data='top' name='status-message'/>
2. Kemudian pengganti dengan arahan 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 arahan 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 arahan ]]></b:skin>
6. Copy & Paste arahan berikut ini, dan Letakkan arahan 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, jikalau 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