Breadcrumb Simple - Blogger

Breadcrumb Label Sederhana

Perhatian !!!

Breadcrumb untuk skema data-vocabulary telah dihentikan.

Sehingga jika menggunakan skema data dibawah ini akan menimbulkan masalah crawl error pada Google Search console.

Untuk itu disarankan untuk TIDAK menggunakan kode yang tertera dihalaman ini

Silahkan klik disini untuk mendapatkan kode Breadcrumb yang diberlakukan saat ini.

Silahkan copy paste kode siap pakai berikut ini :
<p><span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' itemprop='url'> <meta expr:content='data:blog.title' itemprop='title'/> <span itemprop='title'> <i class='fa fa-home'/></span></a> &#8250; </span> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'> <b:loop values='data:post.labels' var='label'> <i class='fa fa-tag'/> <a expr:href='data:label.url' itemprop='url' rel='tag'> <span itemprop='title'><data:label.name/></span> </a> &#8250; </b:loop> <data:post.title/>.</span> </p>
Breadcrumb ini berdasarkan Label postingan jadi akan menampilkan Label yang ditetapkan untuk postingan yang dikunjungi.
Contohnya, bisa dilihat disetiap bagian atas judul post blog ini, kurang lebih seperti itu setelah diberikan sedikit style.
Untuk pemasangannya, umum diarea header postingan. Bisa diatas judul atau dibawah judul postingan.
Cari kode <div class='post-outer'> pastekan tepat dibawahnya untuk menampilkannya diatas judul post, atau letakkan di bawah kode <div class='post-header'>  jika ingin menempatkannya dibawah judul post.
Lalu test dulu dengan Structured data testing tool , setelah itu silahkan modifikasi dengan CSS sesuka hati.