Cara Membuat Breadcrumbs Diatas Judul Post Agar SERP Google

Oleh Firdaus Aulia
Share Artikel Ini :
Hai Jumpa lagi Sahabat Osfir Kesempatan ini saya coba berbagi Tentang Berikut Cara Membuat Breadcrumbs/Menu Navigasi Diatas Judul Posting Agar Terindeks Google
1.Log in ke blog
2.Pilih Template
3.Unduh Template Lengkap untuk berjaga-jaga bila ada kesalahan
4.Edit HTML
5.Centang tulisan Expand Template Widget
6.Cari kode ]]></b:skin> | untuk memudahkan pencarian tekan Ctrl+F
7.Copy kode dibawah ini dan paste diatas ]]></b:skin>
.breadcrumbs {padding:0px 5px 5px 0px; margin: 0px  0px  6px; font-size:11px;border-bottom:4px solid #ccc}
8.Setelah itu cari dan ganti  <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'/>
9.Simpan Template



Thank'S Was Be My Guests
Judul: Cara Membuat Breadcrumbs Diatas Judul Post Agar SERP Google
Ditulis oleh Firdaus Aulia
Rating 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link ke http://osfir.blogspot.com/2013/03/cara-membuat-breadcrumbs-diatas-judul.html. Terima kasih sudah singgah membaca di Gubuk Ane SEO Guide.

Blog Arsip

Entri Web Sponsored

Google+ Followers

Domain Reputation
My Ping in TotalPing.com

SEO Guide | Osfir Insan Bersahaja
(Firdaus Aulia) / CC BY 3.0

Recent Comments

Widget

SEO Guide - Trik Blogger SEO Internet Dan Artikel Pendidikan Bisnis Komputer Utilility Aplikasi Software Game PC Offline Osfir Corporation pUb.
Blog Directory & Search engine

Toolbar

Get our toolbar!