Membuat Breadcrumbs Terindex Oleh Google

Membuat Breadcrumbs Terindex Oleh Google | Kalian tahu apa itu Breadcrumbs ? saya akan memberikan contoh ni, apakah pernah sobat berkunjung ke blog orang lain, dan melihat seperti menu navigasi seperti petunjuk seperti panah dari home menuju kategori dan menuju judul postingan.

Itu dia yang disebut dengan Breadcrumbs, kegunaan Breadcumbs berguna untuk memudahkan pengunjung untuk ke topik dari postingan tersebut dan mempermudah ke beranda. sudah paham belum sobat ? saya anggap anda sudah paham langsung saja kita mencoba untuk membuatnya.

• Pertama login ke Blogger dengan akun anda
• Pilih Menu ''Template''
• Klik ''Edit HTML''
• Cari kode ]]></b:skin> gunakan tombol (CTR + F untuk mempermudah pencarian) setelah ketemu copy kode dibawah dan simpan di atas kode ]]></b:skin>

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

• Cari kode <b:includable id='main' var='top'>, setelah ketemu hapus kode tersebut, dan ganti dengan kode dibawah ini

<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 Label <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'/>

• kalau tidak ada error, sekarang klik Simpan Template

Dan Demikanlah artikel yang saya beri judul Membuat Breadcrumbs Terindex Oleh Google semoga artikel di atas bisa bermanfaat bagi sobat semua dan kalau ingin bertanya silakan di kolom komentar di bawah ini !

Share on Facebook

Share on Twitter

Share on Google+