shad0w-share

Breadcrumb blog terbentuk bukan dibuat secara manual tetapi terbentuk berdasarkan cara 1 dan cara 2 ini dan breadcrumb blog terbentuk berdasarkan susunan tag atau label dari sebuah artikel blog atau postingan.
Semakin sedikit tag atau label yang digunakan semakin sesuai tag atau label artikel yang akan ditampilkan dalam navigasi breadcrumb dan semakin banyak juga tag atau label yang benar-benar sesuai (relevan) dengan tag atau label artikel dengan yang lainnya dalam satu blog dan dari sinilah SEO OnPage itu muncul dengan sendirinya meskipun tanpa anda sadari namun jika lebih dioptimalkan akan menghasilkan SEO OnPage yang jitu dalam pengindeksan artikel blog di search engine.


Itulah salah satu alasan kenapa blog yang menggunakan WP domain& hosting sendiri lebih cepat terindeks karena mereka terbantu dengan plugin-plugin SEO OnPage yang mampu melakukan secara otomatis daripada blog yang menggunakan Blogger, baca juga fungsi breadcrumb

Breadcrumb blog terbentuk karena adanya tag atau label dalam artikel, tanpa adanya tag atau label maka navigasi akan menjadi Unlabelled alias tanpa label sehingga jika sebuah artikel tanpa label maka ia akan sulit terdeteksi oleh seacrh engine, dari sinilah kenapa breadcrumb yang berisi label blog sangat penting keberadaanya.

Okey, sekian dulu jika ada yang salah silahkan ditegur dengan meninggalkan komentar artikel ini, Cara Mengetahui Breadcrumb Blog Terbentuk

Cara Membuat Breadcrumb Blog - Berbeda dengan artikel sebelumnya, cara membuat breadcrumb blog sederhana, tampilan breadcrumb yang muncul hanya menampilkan tag atau label artikel secara spesifik yang terpilih namun kalau menurut saya sich kalau cara membuat breadcrumb blog khusus ini hanya meminimalis tampilan tag atau label saya sehingga dengan menggunakan cara ini maka tag atau label yang anda berikan untuk artikel blog anda hanya menampilkan satu tag atau label saja, seperti tampilan gambar berikut ini


Bagaimana cara membuat breadcrumb blog seperti gambar diatas? Baca juga fungsi breadcrumb

1. Masuk ke akun Blogger anda
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;'>
   <!-- breadcrumb for the post page -->
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
   <b:loop values='data:posts' var='post'>
   <b:if cond='data:post.labels'>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
   </b:if>
   </b:loop>
   <b:else/>
   &#187;Unlabelled
   </b:if>
   &#187; <span><data:post.title/></span>
   </b:loop>
   </span>
   </p>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;archive&quot;'>
   <!-- breadcrumb for the label archive page and search pages.. -->
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
   </span>
   </p>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;index&quot;'>
   <p class='breadcrumbs'>
   <span class='post-labels'>
   <b:if cond='data:blog.pageName == &quot;&quot;'>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187; All posts
   <b:else/>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Posts filed under <data:blog.pageName/>
   </b:if>
   </span>
   </p>
   </b:if>
   </b:if>
   </b:if>
   </b:if>
7. Simpan template

Mudah bukan? Kini anda sudah mengetahui cara membuat breadcrumb blog khusus seperti yang ada di artikel blog ini. Terimakasih dan semoga bermanfaat, jika ada pertanyaan silahkan komentari artikel ini, Cara Membuat Breadcrumb Blog Khusus

Cara Membuat Breadcrumb Blog - Setelah membaca dan mengetahui apa fungsi breadcrumb blog, tentunya anda 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 anda
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 anda ingin membuat breadcrumb blog seperti breadcrumb artikel ini, baca di Cara Membuat Breadcrumb Khusus. Okey, terimakasih, sekian dulu cara membuat breadcrumb blog sederhana