Cara pasang breadcrumbs di blog

Cara pasang breadcrumbs di blog

Cara Optimalisasi SEO On Page dapat dilakukan juga dengan memasang breadcrumbs di blog. Berikut tutorial Cara Pasang Breadcrumbs di Blog:

Masuk ke blog Anda dan Login dengan akum Google Anda, pilih blog yang akan di pasang breadcumbs.

 Di Laman berikut, pilih Template.

 Pilih Edit HTML

Di Laman Edit HTML, untuk memudahkan pengeditan, gunakan Ctrl + A (blok semua bagian), kemuadian gunakan Ctrl + C (membuat salinan semua bagian yang di blok tersebut), tekan Delete, dan terakhir gunakan Ctrl+V. Dengan demikian semua bagian di Laman Edit Template akan terbuka.

Gunakan Ctrl+F, dan cari kode ]]></b:skin>. Setelah kode tersebut Anda temukan, salin kode HTML berikut tepat diatas kode HTLM ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

Selanjutnya kosongkan kotak Search (Ctrl+F) dan gunakan kotak tersebut untuk mencari kode berikut: 

<b:includable id='main' var='top'>. Ganti (Hapus)kode tersebut dan ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'  rel='tag'>Home</a></span> &#187;  <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- breadcrumb for the post page --><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'><span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl'property='v:title' rel='v:url'>Home</a></span><b:loop values='data:post.labels' var='label'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title'
rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187;
<span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>

Terakhir klik Simpan Template. Hasilnya seperti gambar di bawah ini:

Demikian tutorial Cara pasang breadcrumbs di blog. Dengan demikian di setiap postingan Anda sekarang telah terpasang breadcrumbs.