Sabtu, 09 Juli 2011

Cara Memasang Breadcrumb di Blogspot

Cara Memasang Breadcrumb di Blogspot

Login ke blogger
Pilih menu Rancangan dan klik Edit HTML
Centang Expand Widget Templates
Kemudian Cari kode ]]></b:skin>
Copy kode di bawah dan letakan di atas kode ]]></b:skin>



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

Selanjutnya cari kode

    <div class='post hentry uncustomized-post-template'>

Jika kode diatas tidak ada coba cari kode seperti di bawah ini, Karena masing-masing kode template berbeda

    <div class='post hentry'>

Kemudian copy kode di bawah ini dan letakkan di bawah kode <div class='post hentry uncustomized-post-template'>

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


sumber postingan http://adibey.blogspot.com/2010/10/cara-memasang-navigasi-breadcrumb-di.html

1 komentar:

  1. Terimakasih untuk tutorial cara memasang breadcrumnya, dengan cara ini semoga cepat terindex google. Terimakasih ya...

    BalasHapus