Home » » Cara Memasang Breadcrumbs pada Blogspot

Cara Memasang Breadcrumbs pada Blogspot

Diposting Oleh Bang Dayat ; Hari Sabtu, 11 Agustus 2012 Jam 22.54

Sebelum menjelaskan bagaimana caranya memasang Breadcrumbs alangkah baiknya kita ketahui apa itu Breadcrumbs itu sendiri.

Breadcrumbs adalah bantuan navigasi antuk memudahkan para pengunjung untuk mengetahui letak halaman pada artikel yang dibaca.

Contohnya adalah sebagai berikut :

Biasanya muncul diatas postingan. Konon katanya memasang Breadcrumbs pada blog berpengaruh pada SEO, jadi alangkah baiknya dipasang Breadcrumbs pada blognya.

Setelah Bang Dayat menjelaskan sedikit pengertian dari Breadcrumbs sekarang BD akan menjelaskan cara memasangnya. Bang Dayat dapat referensi dari teman blogger lainnya dan saya coba di blog saya yang lainnya.

1. Masuk ke akun blogger sobat.

2. Setelah login masuk ke menu template >> edit HTML

3. Jangan lupa di check list Expand Template Widget

4. Cari kode  ]]></b:skin> 

5.  Letakkan kode dibawah ini diatas kode  ]]></b:skin> 

.breadcrumb {
border-bottom: 1px solid #CFE2F3;
font-size: 95%;
line-height: 1.4em;
margin: -11px -15px 8px;
padding-left: 3px;
}

6. Kemudian cari kode <b:includable id='post' var='post'>  (untuk memermudah gunakan ctrl + F)


7. Masukkan kode dibawah ini dibawah kode <b:includable id='post' var='post'> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb'>
You are here: &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>


8. Kemudian disimpan.

Kalau benar memasangnya maka akan muncul Breadcrumbs diatas postingan. Semoga bermanfaat.
Berbagi dengan artikel ini :
Ditulis oleh : Bang Dayat
Description: Cara Memasang Breadcrumbs pada Blogspot , Rating: 5
Reviewer: Bang Dayat, ItemReviewed: Cara Memasang Breadcrumbs pada Blogspot

Artikel terkait tentang

Berlangganan Artikel BD
Masukkan Email Anda:

 
Support : Bang Dayat
Copyright © 2012-2017. Bang Dayat Blog's - All Rights Reserved

Proudly powered by Blogger