Cara Membuat Breadcrumbs Pada Postingan Artikel | Belajar Seo Friendly 2014
Update posting lama terus dilakukan untuk memperbaiki beberapa demo yang tak lagi dapat di akses. Silahkan niknati postingnya dan jika ada yang perlu perbaikan mohon disampaikan. Informasi akan sangat membantu karena "update sekian banyak posting tentu tak akan mudah!" Semoga bermanfaat .....TEMPAT BELAJAR SEO FRIENDLY PEMULA ....................
Home » , , , , » Cara Membuat Breadcrumbs Pada Postingan Artikel

Cara Membuat Breadcrumbs Pada Postingan Artikel


Cara Membuat Breadcrumbs Pada Postingan Artikel

Cara Membuat Breadcrumbs pada postingan artikel sebenarnya sangat mudah. Breadcrumbs ini adalah sebuah teknik yang mulai menjadi trend sejak tahun 2009. Breadcrumbs atau "remah roti" adalah istilah yang sering digunakan oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal.

Banyak pelaku SEO meyakini bahwa teknik breadcrumbs ini membantu googlebot untuk lebih cepat mengenali struktur dari blog, karena halaman-halaman yang berada pada hirarki atas akan mendapat lebih banyak aliran poin dibandingkan halaman-halaman yang lebih di bawah hirarki.
Secara teknis saya meyakini bahwa teknik breadcrumbs ini membawa efek positif bagi SEO, karena bagaimana pun link antar halaman itu selalu memberi efek positif dalam aliran pagerank. Bagi yang ingin memasang breadcrumbs bisa mengikuti prosedur berikut:
  • Masuk ke akun blogger saudara
  • Pilih menu TEMPLATE
  • Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
  • Klik tombol EDIT HTML
  • Buka semua kode template. Caranya, klik di sembarang tempat di dalam kode. Tekan CTRL+A, lalu tekan CTRL+C, lalu tekan DEL, dan terakhir paste dengan menekan CTRL+V.... Semua kode akan terbuka penuh....
  • Klik di antara kode HTML, lalu tekan CTRL+F untuk membuka kotak pencarian. Cari kode ]]></b:skin
  • Letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tadi


.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Setelah itu cari kode seperti di bawah:
<b:includable id='main' var='top'>



  • Ganti kode di atas dengan kode di bawah

  •  


    <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'/>
    • Simpan Perubahan. Breadcrumbs akan terlihat seperti contoh berikut (lihat gambar di bawah)
    Dengan demikian selesai sudah pemasangan breadcrumbs pada halaman-halaman artikel blog saudara.

    Author : Ivan_KrBelajar Seo Friendly 2014

    Ivan Karla Terima Kasih sobat sudah membaca artikel tentang Cara Membuat Breadcrumbs Pada Postingan Artikel .yang kami publikasikan pada Minggu, 01 September 2013 Silahkan tinggalkan jejak pada form Komentar untuk mempermudah Ivan_Kr berkunjung kembali ke blog sobat.(Wassalam)
    Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

    0 komentar:

    Poskan Komentar

     
    Support : Creating Website | Ivan Template | Makassar Bisnis
    Copyright © 2011. Belajar Seo Friendly 2014 - All Rights Reserved
    Template Modify by Creating Website
    Proudly powered by Blogger