Sebelum saya teruskan menulis Cara Membuat Breadcrumb Di Blogger mungkin ada yang masih belum tahu apa itu Breadcrumb, jika masih belum tahu apa yang di maksud dengan breadcrumb silahkan ihat contohnya ada di blog ini, yang ada di atas judul artikel itu lo.
Okey mari kita mulai...
Langkah Pertama yang harus anda lakukan adalah login ke blogspot.com, kemudian Pilih menu Tata Letak Edit HTML, setelah anda berada di halaman Edit Html silahkan Tick bagian yang ada tulisan Expand Widget Templates.
Sekarang Cari Kode Ini
<b:includable id='post' var='post'>
Kemudian letakkan kode berikut tepat di bawah kode <b:includable id='post' var='post'> tadi:
<em>Browse: <a expr:href="data:blog.homepageUrl" href="">Home</a> / <b:if cond="data:post.labels"><b:loop values="data:post.labels" var="label">
<a expr:href="data:label.url" href="" rel="tag"><data:label.name></data:label.name></a><b:if cond="data:label.isLast != "true""> / </b:if>
</b:loop>
</b:if> / <a expr:href="data:post.link" href=""><data:post.title></data:post.title></a></em>
Setelah itu silahkan simpan pengaturan template anda.
Catatan* Breadcrumb tersebut hanya akan terlihat di halaman artikel (post page) saja.
Itu adalah cara mudah Memasang Navigasi Breadcrumb Di Blogspot/Blogger, selain cara di atasa anda bisa juga menggunakan cara lain yaitu dengan menambahkan sedikit kode CSS di template blogger anda.
Okey mari kita mulai...
Cara Mudah Memasang Navigasi Breadcrumb Di Blogspot/Blogger
Langkah Pertama yang harus anda lakukan adalah login ke blogspot.com, kemudian Pilih menu Tata Letak Edit HTML, setelah anda berada di halaman Edit Html silahkan Tick bagian yang ada tulisan Expand Widget Templates.
Sekarang Cari Kode Ini
<b:includable id='post' var='post'>
Kemudian letakkan kode berikut tepat di bawah kode <b:includable id='post' var='post'>
<em>Browse: <a expr:href="data:blog.homepageUrl" href="">Home</a> / <b:if cond="data:post.labels"><b:loop values="data:post.labels" var="label">
<a expr:href="data:label.url" href="" rel="tag"><data:label.name></data:label.name></a><b:if cond="data:label.isLast != "true""> / </b:if>
</b:loop>
</b:if> / <a expr:href="data:post.link" href=""><data:post.title></data:post.title></a></em>
Setelah itu silahkan simpan pengaturan template anda.
Catatan* Breadcrumb tersebut hanya akan terlihat di halaman artikel (post page) saja.
Itu adalah cara mudah Memasang Navigasi Breadcrumb Di Blogspot/Blogger, selain cara di atasa anda bisa juga menggunakan cara lain yaitu dengan menambahkan sedikit kode CSS di template blogger anda.
0 komentar:
Posting Komentar