Cara Membuat Breadcrumb Yang Terindek oleh Google - IRWANSULAIMAN

Friday, July 13

Cara Membuat Breadcrumb Yang Terindek oleh Google

Cara membuat breadcrumb  Terindek oleh Google  - Breadcrumb adalah sebuah navigasi blog yang berbentuk horizontal yang berupa label atau kategori blog yang terletak di atas judul postingan, bawah header, untuk memudahkan pelacakan lokasi dokumen atau data dan lain-lain untuk Cara membuat breadcrumb yang terindek oleh Google  silahkan anda ikuti langkah-langkah berikut.

Tahap pertama back up template terlebih dahulu berjaga-jaga agar tidak terjadi template error, kedua selanjutnya carilah kode ]]></b:skin> dan simpan Kode CSS di bawah ini tepat di atasnya.
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Tahap ke2 selanjutnya cari kode di bawah ini <b:includable id='main' var='top'> Hapus kode tersebut dan ganti dengan kode yang ada di bawah 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'> <b:if cond='data:label.isLast == &quot;true&quot;'> &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:if> </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'/>
Dan simpan template, kalau ingin melihat hasilnya buatlah postingan baru, dan tunggu hingga beberapa hari , demikian postingan saya Cara membuat breadcrumb yang terindek oleh  Google, selamat mencoba semoga bermanfaat.
Comments


EmoticonEmoticon