• Sitemap
  • About Me
  • Contact Me
  • Privacy Policy
  • Blog Tools ▼
    • Kode Warna
    • Parse HTML
    • Check Pagerank
    • Check Speed Blog
  • Mobile
Ghiyats Blogs
  • Home
  • Blogger
  • Widget
  • SEO
  • Template
  • CSS
  • Menu Bar
  • JQuery
Home » SEO » Tutorial Blogger » Membuat Breadcrumbs Terindex Oleh Google

Monday, June 3, 2013

Membuat Breadcrumbs Terindex Oleh Google

Breadcrumbs Image

Membuat Breadcrumbs Terindex Oleh Google | Kalian tahu apa itu Breadcrumbs ? saya akan memberikan contoh ni, apakah pernah sobat berkunjung ke blog orang lain,  dan melihat seperti menu navigasi seperti petunjuk seperti panah dari home menuju kategori dan menuju judul postingan.
Itu dia yang disebut dengan Breadcrumbs, kegunaan Breadcumbs berguna untuk memudahkan pengunjung untuk ke topik dari postingan tersebut dan mempermudah ke beranda. sudah paham belum sobat ? saya anggap anda sudah paham langsung saja kita mencoba untuk membuatnya.


  • Kalian harus login ke blogger dengan akun anda
  • Pilih Menu ''Template''
  • Klik ''Edit HTML''
  • Cari kode ]]></b:skin gunakan tombol (CTR + F untuk mempermudah pencarian) setelah ketemu copy kode dibawah dan simpan di atas kode ]]></b:skin
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • Cari kode <b:includable id='main' var='top'> , setelah ketemu hapus kode tersebut, dan ganti 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'/>
  • kalau tidak ada error, sekarang klik Simpan Template
Dan Demikanlah artikel yang saya beri judul Membuat Breadcrumbs Terindex Oleh Google semoga artikel di atas bisa bermanfaat bagi sobat semua dan kalau ingin bertanya silakan di kolom komentar di bawah ini !

Unknown Waktu 17:38

6 komentar untuk "Membuat Breadcrumbs Terindex Oleh Google"

  1. Yoyo SuharyoJune 3, 2013 at 10:33 PM

    beneran work ga gan?

    ReplyDelete
    Replies
    1. UnknownJune 4, 2013 at 12:01 PM

      Coba dulu gan ! Mungkin terindex oleh google gak lama mungkin 3 hari gan :D

      Delete
      Replies
        Reply
    2. Reply
  2. AnonymousJune 13, 2013 at 9:21 PM

    Nice info gan, salam kenal aja ya blogwalking nie :)

    ReplyDelete
    Replies
    1. UnknownJune 14, 2013 at 7:54 AM

      Sama Sama gan, Memang blogwalking sangat dibutuhkan untuk kemajuan blog dan untuk mengikat tali persahabatan antar blogger bukannya begitu sob ? :D

      Delete
      Replies
        Reply
    2. Reply
  3. Febri GamesoftJune 15, 2013 at 12:38 PM

    saya sudah pakai breadcrumbs dari template itu sendiri...nice post gan

    ReplyDelete
    Replies
    1. UnknownJune 15, 2013 at 1:59 PM

      Memang Artikel ini sangat dibutuhkan oleh blogger lainnya yg belum punya breadcrumbs sob... Thanks sudah komentar dan kunjungannya :)

      Delete
      Replies
        Reply
    2. Reply
Add comment
Load more...

Silakan Tinggalkan Komentar Di Blog Ini
Kami sangat menghargai atas pertanyaan dan komentar sobat, Di harapkan Berkomentar dengan sopan dan tidak menyingung orang lain, Dan tidak mengunakan Link aktif karena akan Terhapus.
Terima Kasih

‹
›
Home
View web version
Find Us :
Powered by Blogger.
Copyright 2013 Ghiyats Blogs - All Rights Reserved
Template by Mas Sugeng | Blogger