Posted by : Irvan Kadhafi Sabtu, 03 Maret 2012

Label Breadcrumb Cepat Terindex Google sebenarnya ini trik dari DeeJayhan saya liat keren dan saya udah coba :D , oke langsung saya kasih tau caranya :D sebelumnya saya contohkan seperti apa itu breadcrumb oke cek SS di bawah ini BUNG XD
Preview
nah seperti itu :3

1. Masuk ke dasbord >> rancangan >> edit HTML >> Centang  

2. Jika blog Anda sudah ada breadcrumb-nya hapus saja, caranya cari kode : breadcrumb pada template kemudian hapus semuanya hingga tak ada kode breadcrumb lagi (gunakan 'ctrl+f' untuk mempermudah pencarian).

3. Jika sudah cari kode ]]></b:skin>.

4. Masukan kode CSS dibawah tepat di atas kode ]]></b:skin>.
.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}
5. Setelah itu cari kode ini :
<b:include data='top' name='status-message'/>
Note :
- Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>
- Jika di template anda kode <b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode <b:includable id='post' var='post'>  . Hasilnya Seperti ini . 
<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/> 
6. Langkah selanjutnya silahkan cari kode :
<b:includable id='main' var='top'>
7. Letakkan kede berikut tepat diatasnya :
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
&#187;Unlabelled
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
8. SEMOGA BERHASIL XD

 sumbernya : http://deejayhan.blogspot.com/2012/03/cara-membuat-label-breadcrumb-cepat.html < kesitu jika mau lebih jelas :D

You Might Also Like This

Leave a Reply

Tessssssssssssssssssssssssssssssss

Subscribe to Posts | Subscribe to Comments

Affiliates

Blogroll

  • Dickey Maru
  • HGC-Syndicate
  • CrazyFuz | Creative Thinking
  • Zhafari Blog
  • B-Syndicate
  • Mr.Ghalis
  • Heric-ajha
  • PeterJepiMars
  • Dwi-Tekhnologi
  • Mrqhiyzs

Site Info

Copyright © 2013 Irvan Kadhafi™ | Original Template by Johanes Djogan | Re-Design by Irvan Kadhafi | Powered by Blogger