Cara Memasang Breadcrumb di Blogspot

Cara Memasang Breadcrumb di Blogspot, Postingan diaz sekarang akan membahas tentang tutorial blogger, walau saya jarang memposting tentang kategori blogger. Apabila anda belum mengetahui pengertian apa itu Breadcrumb di Blog, berikut ringkasannya. Menu/Navigasi Breadcrumb adalah Navigasi yang berada di bagian atas posting dan menunjukkan urutan isi halaman dari rootnya (Home) hingga ke posting/artikel atau Fitur navigasi yang terletak di atas atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan nama breadcrumb. Pada dasarnya Breadcrumb merupakan navigasi seo sebaris dengan tautan atau link internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.
Jadi mudahnya seperti ini : Robot search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.

Langsung saja pada langkah-langkah membuat breadchumb ini:

1. Seperti biasa anda harus login ke Blogger.2. Langsung tuju Edit HTML.3. Klik Expand Template Widget.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.Setelah itu, cari kode seperti ini :

<div class='post hentry'>

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

Selesai.

(Referensi: maskolis.com)

Untuk pertanyaan terkait postingan diatas jangan sungkan-sungkan untuk berkomentar.
Sekian Postingan Cara Memasang Breadcrumb di Blogspot

Terima Kasih.

Diaz

Follow @Zahran_Diaz

Categories: Tutorial, Tutorial Blog