Membuat Breadcrumbs di Blog dan Langsung Terindeks

Breadcrumbs - Merupakan menu navigasi yang menampilkan judul label artikel yang sedang di buka oleh si pembaca. Breadcrumb ini juga dapat mempercantik tampilan blog serta dapat meningkatkan SEO blog, sedangkan lokasi untuk menu navigasi Breadcrumbs ini terletak pada atas judul posting blog - atau bawah, bahkan bisa di taruh di mana-mana di bagian blog, asalkan saja kita bisa dan paham apa yang kita buat dan lakukan itu heeeeehee.... : )

[ Hasil untuk Breadcrumbs yang terindeks di Google : ]

 Cara membuat Breadcrumbs :
1. Login ke blog [ klik ] Dasbor blog
2. Template - Edit HTML - centang Expand Widget Templates 
3. [ Untuk mempercepat pencarian, tekan Ctrl + F ] cari code : <b:includable id='main' var='top'>
4. Ganti code tersebut menggunakan Script 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'/>

5. Cari code ]]></b:skin
6. Letakkan code dibawah ini di atas ]]></b:skin

.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}

7. Save template.

Agar tidak susah nyari lagi, silahkan simpan script ini di komputer Anda
[ Download ] Script Breadcrumbs
Cuma itu ... : )