Cara Membuat Menu Breadcrumbs

|| || || Leave a komentar
Membuat breadcrumbs langsung terindeks dengan mengikuti tutorial pada artikel ini, akan membuat breadcrumbs lama terindeks oleh mesin pencari terutama google. Biasanya hanya blog dengan PR minimal 3 yang akan breadcrumbsnya terindeks oleh google. Karena itu, saya akan memberikan tutorial gratis bagaimana agar breadcrumbs cepat terindex bahkan langsung terindeks.

Sobat tidak perlu memiliki PR minimal 3 atau ratusan artikel. Sobat hanya perlu memasang kode breadcrumbs pada template blog dan silahkan langsung buktikan hasilnya setelah membuat artikel baru atau memeriksa hasil serp artikel sobat yang telah terindeks mesin pencari.

Gambar 1 : Cara Membuat Breadcrums Terindeks

Cara Membuat Breadcrumbs Terindeks
Untuk membuat menu navigasi breadcrumbs terindeks, sobat cukup menggunakan kode breadcrumbs yang telah di edit. Berikut tutorial dan kode breadcrumbs terindeks :
  • Masuk ke halaman kode template sobat.
  • Cari kode  <b:includable id='main' var='top'>
  • 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'>
    <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'/> 
Selanjutnya.........
  • Cari kode ]]></b:skin> 
  • Letakkan kode CSS breadcrumbs terindeks berikut ini di atas kode tersebut :
.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}
  • Simpan Template sobat
  • Selesai...


/[ 0 komentar Untuk Artikel Cara Membuat Menu Breadcrumbs]\

Post a Comment