Cara Membuat Breadcrumbs Navigasi

Silahkan ikuti langkah-langkah berikut ini:
1.silahkan login ke Blogger
2.Pada Dasbor Klik Tata Letak
3.Klik Edit Html
4.Klik Expand template widget
5.Kemudian Letakan Code di bawah ini tepat di atas code ]]></b:skin>

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

6.Lalu sobat cari lagi code seperti di bawah ini:

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

7.Jika Sudah Ketemu silahkan sobat letakan code di bawah ini tepat sebelum code di atas

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#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>
</b:if>

8.klik simpan template dan lihat hasilnya seperti yang berada di atas judul postingan blog ini

4 comments

Poskan Komentar