|
http://sandaizer.blogspot.com |
|
Membuat Breadcrumbs Terindex Oleh Google |
Gilang Prf | 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.
- Pertama 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 == "static_page"'>
- <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span>
- </div>
- <b:else/>
- <b:if cond='data:blog.pageType == "item"'>
- <!-- breadcrumb for the post page -->
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.labels'>
- <div class='breadcrumbs'>
- <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span>
- </a>
- </span>
- <b:loop values='data:post.labels' var='label'>
- » <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span>
- </a>
- </span>
- </b:loop>
- » <span><data:post.title/></span>
- </div>
- <b:else/>
- <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span>
- </div>
- </b:if>
- </b:loop>
- <b:else/>
- <b:if cond='data:blog.pageType == "archive"'>
- <!-- breadcrumb for the label archive page and search pages.. -->
- <div class='breadcrumbs'>
- <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
- </div>
- <b:else/>
- <b:if cond='data:blog.pageType == "index"'>
- <div class='breadcrumbs'>
- <b:if cond='data:blog.pageName == ""'>
- <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
- <b:else/>
- <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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!