CARA MEMBUAT MENU BREADCRUMBS TERINDEXS

Cara membuat menu breadcrumbs itu termasuk susah-susah gampang, yang diperlukan hanya 1 yaitu ketelitian, kalu tidak teliti nanti susah untuk berhasil. Menu breadcrums biasanya sangat penting bagi template blog yang seo friendly, biasanya menu ini dibuat dengan tujuan untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori/label yang ada di dalam blog sobat semua. Selain digunakan untuk yang seperti di atas, ini juga bisa digunakan untuk hiasan dari template blog sobat agar lebih seo friendly,sepertiyang katakan diatas, kalau menu breadcrums ini sangat penting bagi template yang seo friendly karena menu ini adalh salah satu syarat untuk membuat template blog yang seo friendly. Ok…..tidak usah banyak-banyak intronya langsung saja ini cara membuatnya :

1. Masuk/ login ke blog sobat 
2. Kemudian masuk ke menu template 
3. Klik edit html (oh ya….jangan lupa untuk membackup dulu template blog sobat untuk berjaga-jaga saat terjadi kesalahn pada blog sobat)
4. Kemudian cari kode ]]></b:skin>
5. Agar lebih cepat gunakan ctrl+f / klik f3 kemudian letakkan kode dibawah ini tepat sebelum/di atas kode ]]></b:skin> 
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;
font-size:14px;border-bottom:3px;font-weight:normal;
border-bottom-style: double;
6. Setelah sudah kemudian cari lagi kode <b:includable id='main' var='top'>
7. Setelah ketemu kemudian ganti kode <b:includable id='main' var='top'> dengan kode di bawah 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'/>
8. Jika sudah kemudian klik save.klik view untuk melihat

Demikianlah artikel saya tentang cara membuat menu breadcrumb jika terdapat kesalahan silahkan beritahu saya

TERIMA KASIH 

SEMOGA BERMANFAAT

Tweet

Fb

Postingan terkait:

Ditulis Raka — Monday, August 5, 2013 — Add Comment — Tutorial