Panduan Cara Membuat Breadcrumb Blog Sederhana

Cara Membuat Breadcrumb Blog - Setelah membaca dan mengetahui apa fungsi breadcrumb blog, tentunya sobat ingin membuat breadcrumb blog yang sama seperti yang ada di artikel blog ini. seperti penjelasan pada artikel sebelumnya, Breadcrumb merupakan link navigasi dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman utama (home). Pertanyaannya. pentingkah breadcrumb blog digunakan? Penting, silahkan baca cara mengetahui breadcrumb blog terbentuk dan fungsi breadcrumb.

Jadi, berikut cara membuat breadcrumb blog sederhana

1. Masuk ke akun Blogger sobat
2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
3. Cari kode ]]></b:skin>
4. 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}
5. Cari kode seperti ini : <div class='post hentry'>
6. Letakkan kode berikut ini tepat setelah atau sebelum 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>
7. Simpan template

Kenapa saya membuat judul dengan breadcrumb blog sederhana? Karena tampilan dari breadcrumb ini menampilkan semua tag, label, atau keyword yang digunakan sehinggan tampilannya akan seperti yang ada di gambar diatas (lingkaran merah) dan jika sobat ingin membuat breadcrumb blog seperti breadcrumb artikel ini, baca di Cara Membuat Breadcrumb Khusus. Okey, terimakasih, sekian dulu cara membuat breadcrumb blog sederhana