Powered by Blogger.

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

  •    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 :
<div class='post hentry'>
  • 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 == &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>

  • Simpan template. Semoga bermanfaat.

0 komentar:

Post a Comment


Thanks. . . Sudah baca baca di blog saya. . .


Sungguh baik jika agan berkenan menanggapi wacana ini. . .