Membuat Breadcrumb Blog
Breadcrumb adalah navigasi menu untuk memudahkan pengunjung web/blog melacak lokasi dalam dokumen dan kembali ke halaman awal dengan mudah. Breadcrumb biasanya berada di posisi atas halaman web/blog, biasanya dibawah header atau diatas judul postingan. Lalu apa fungsinya?
Fungsi breadcrumb blog adalah untuk mengetahui dan memudahkan navigasi sebuah atau beberapa link dalam blog bagi mesin pencarian (memudahkan perayapan robot search engine) sehingga link atau artikel blog akan lebih mudah terindeks dan juga membantu pengunjung blog akan keberadaan mereka dalam blog tersebut. Cara membuat breadcrumb ?
Tahap pertama yang harus dilakukan sebelum memasang breadcrumb
Fungsi breadcrumb blog adalah untuk mengetahui dan memudahkan navigasi sebuah atau beberapa link dalam blog bagi mesin pencarian (memudahkan perayapan robot search engine) sehingga link atau artikel blog akan lebih mudah terindeks dan juga membantu pengunjung blog akan keberadaan mereka dalam blog tersebut. Cara membuat breadcrumb ?
Tahap pertama yang harus dilakukan sebelum memasang breadcrumb
- Login ke Blogger.
- Langsung Edit HTML.
- Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
- Setelah itu, cari kode seperti ini :
- Letakkan kode berikut ini tepat setelah kode <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/> </div> </b:if> </b:if>
- Simpan template. Semoga bermanfaat.
