Cara Memasang Navigasi Breadcrumbs di Blog Agar Cepat Terindex Google

Oleh Tazbhy

Monday, December 16, 2013

Bagikan :

Tweet

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

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 Media Pembelajaran

Tag : Tips Dan Trik, Tips Trik Seo Blog