-->
PHP Dev Cloud Hosting
Cara Memasang Navigasi Breadcrumbs di Blog Agar Cepat Terindex Google

Cara Memasang Navigasi Breadcrumbs di Blog Agar Cepat Terindex Google

Cara Memasang Navigasi Breadcrumbs di Blog Cepat Terindex Google - Halo salam semua pengunjung Ilmu Tazbhy. Kali ini saya akan bahas tentang Cara Memasang Navigasi Breadcrumbs di Blog Cepat Terindex Google. Banyak teman-teman blogger yang ingin memasang navigasi ini. baiklah kita langsung saja pada pembahasannya yaitu cara memasang navigasi breadcrumbs.

Adapun langkah-langkah membuat navigasi breadcrumbs sebagai berikut.

Untuk mencegah sesuatu yang tidak diinginkan, backup dulu tempalate blog anda.

1. Login ke blogger.
2. Klik "Template"
3. Kemudian klik edit html
4. karna saat ini edit html template blog beda dengan versi sebelumnya, tidak usah cari Expand Template Widget.
5. kemudian cari kode berikut: 
<b:includable id='main' var='top'> 
 Tekan CTRL + F untuk mempermudah pencarian
6. Ganti kode <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'/>
7. Kemudian cari kode berikut
 ]]></b:skin>
 Tekan CTRL + F untuk mempermudah mencarinya
8. Copy kode dibawah ini dan pastekan di atas kode ini  ]]></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;}  
9. Kemudian save template

Demikianlah Cara Memasang Navigasi Breadcrumbs di Blog Agar Cepat Terindex Google. Jika ada yang tidak di mengerti silahkan berikan komentar anda

Advertisement
Loading...
Loading...
Blogger
Disqus
Pilih Sistem Komentar

4 komentar

keknya sy sdh pasang beginian... tuh ke index.

Balas

@ahmad rizal samsi baguslah lw bgitu sob..trik sederhana ini cukup buat blog bisa k indeks

Balas

saya udah coba praktekan...terimakasih

Balas

@waone hermawan ok gan sama..semoga memberikan manfaat untuk blog anda

Balas

Berikanlah Komentar Anda Tentang Artikel Di atas
Berkomentar dengan sopan dan jangan lupa LIke FansPagenya
Jangan spam (komentar dengan link aktif), bila ada link aktif saya akan hapus komentar anda