Cara Termudah Membuat Breadcrumb di Blogspot 100% Work

Cara Termudah Membuat Breadcrumb di Blogspot 100% Work - Breadcrumb adalah navigasi situs atau blog yang berguna untuk memudahkan pengunjung dan search engine seperti google, yahoo, bing dll untuk mengakses blog anda dan konon kabarnya breadcrumb disukai oleh mesin - mesin pencari tersebut. Biasanya Breadcrumb terletak dibagian atas judul posting. Sebelumnya di seoterbaru Cara Mudah Parse HTML Online dan offline

Seperti Meta tag, Breadcrumb juga mempunyai peranan penting dalam hal SEO blog kita, karena itu Breadcrumb adalah syarat wajib dalam sebuah blog.

Berikut ini Cara Termudah Membuat Breadcrumb di Blogspot dan 100% Work

1. Masuk ke halaman dashboard blogspot kita > Design/Rancangan > Edit HTML, centang (check) ' Expand Widget Templates ' di pojok kanan atas dalam kotak edit HTML.

2. Cari kode ]]></b:skin> atau gunakan Ctrl+F pada browser dan masukkan kode CSS berikut ini di atas-nya:
.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

3. Cari kode <b:include data='top' name='status-message'/> , paste kode berikut dibawahnya
<b:include data='posts' name='breadcrumb'/>


4. Cari kode <b:includable id='main' var='top'> , paste  script berikut diatasnya

<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>

5. Pekerjaan sudah selesai, jangan lupa tekan tombol save di template anda.

Bagaimana, mudah bukan? seandainya ada pertanyaan, bisa disalurkan lewat kotak komentar dibawah ini Description: Cara Termudah Membuat Breadcrumb di Blogspot 100% Work Rating: 4.5 Reviewer: Unknown - ItemReviewed: Cara Termudah Membuat Breadcrumb di Blogspot 100% Work