Cara Membuat Breadcrumb Google di Blogger

Selamat malam Sahabat blogger, Kali Ini Cyber Revolution akan Memposting Tentang Cara Membuat Breadcrumb Google di Blogger ..
Jika Sahabat blogger Tertarik ,Silahkan Ikutin langkahnya di bawah ini :
1. Langkah pertama sobat login dulu ke blog,Dan pilih menuju halaman design(rancangan),setelah itu pilih Edit HTML » Ceklis Expand Widget Templates .kemudian sahabat blogger cari kode <b:include data='top' name='status-message'/> biasanya terdapat 2 kode tersebut,kalau sudah di temukan silahkan paste kode berikut ini tepat di atas kode <b:include data='top' name='status-message'/>  (paste saja di atas 2 kode yang sobat temukan biar tidak bingung).

<b:include data='posts' name='breadcrumb'/>

2.Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'>

<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'>http://cybercommunityrevolution.blogspot.com/</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'>http://revolutioncommunitycyber.blogspot.com/</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'>http://cybercommunityrevolution.blogspot.com/</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'>http://cybercommunityrevolution.blogspot.com/</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>

3.Untuk mempercantik Breadcrumb google sekarang tambahkan sedikit Kode CSS di bawah ini,tepat di atas kode ]]></b:skin>
.breadcrumbs{

      margin-left:10px;
      padding: 5px 0;
      border-bottom: 1px dotted;
      line-height:1.4em;
      }

 4. Terakhir Save Template ..
NB : Text yang Berwarna Merah,Ganti Dengan URL Blog Sahabat Blogger ..

Salam Blogger ^_^

Anda sedang membaca artikel tentang Cara Membuat Breadcrumb Google di Blogger dan anda bisa menemukan artikel Cara Membuat Breadcrumb Google di Blogger ini dengan url http://cybercommunityrevolution.blogspot.com/2012/05/cara-membuat-breadcrumb-google-di_29.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Breadcrumb Google di Blogger ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Breadcrumb Google di Blogger sumbernya.

Lihat juga artikel lainnya :]