Home » » Cara Membuat Breadcrumbs Diatas Judul Post Agar SERP Google

Cara Membuat Breadcrumbs Diatas Judul Post Agar SERP Google

Berikut Cara Membuat Breadcrumbs/Menu Navigasi Diatas Judul Posting Agar Terindeks Google
1.Log in ke blog
2.Pilih Template
3.Unduh Template Lengkap untuk berjaga-jaga bila ada kesalahan
4.Edit HTML
5.Centang tulisan Expand Template Widget
6.Cari kode ]]></b:skin> | untuk memudahkan pencarian tekan Ctrl+F
7.Copy kode dibawah ini dan paste diatas ]]></b:skin>

 .breadcrumbs {padding:0px 5px 5px 0px; margin: 0px  0px  6px; font-size:11px;border-bottom:4px solid #ccc}
8.Setelah itu cari dan ganti  <b:includable id='main' var='top'> 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 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'/>

9.Simpan Template

Sumber :  http://hienzo.blogspot.com/

8 komentar:

  1. makasih gan sudah ana coba... salam kenal

    ReplyDelete
  2. sip, boleh dicoba agar tampilan blog lain dari yang lain... :)

    ReplyDelete
  3. wah, kalau bicara tentang SERP ternyata penting juga ya sob untuk Blog, terimakasih banyak sudah mau berbagi sobat

    ReplyDelete
  4. Terimakasih tutorialnya. Sangat membantu sekali
    Kunjungan balik ke http://accounting-media.blogspot.com

    ReplyDelete
  5. Thanks benget sob infonya, sangat membantu sekali...

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...
GET UPDATE VIA EMAIL
Berlangganan artikel via email!
reader