Cara Pasang Menu Breadcrums dan Cara Modifikasinya

---

Hai readers, kali ini simumu mau berbagi tips trik tentang blogger lagi nih, ya khususnya buat mendukung agar blog kita lebih Seo Frendly, tips kali ini sudah saya praktikan sendiri diblog saya ini, memang sangat memuaskan untuk perkembangan Seo untuk blog saya, script CCS ini sudah saya modifikasi sendiri, jadi lebih bagus untuk mempercepat pencarian di Search engine. bagi sobat blogger yang ingin blog nya lebih seo lagi silahkan simak dulu Tutorial blog ini.

Banyak cara atau syarat penting untuk menjadikan Blog kita menjadi seo atau disukai mbah Google, salah satunya adalah memodifikasi dan menambah kode-kode script untuk menjadikan blog kita lebih menarik dan banyak pengunjung. Salah satunya adalah dengan memasang Menu Breadcrums, menu ini sangat penting bagi pengunjung maupun mesin pencari untuk mengetahui tentang isi posting kita. sebagian besar semua Template seo Frendly wajib memasang Menu yang satu ini. langsung saja kita ikuti langkah-langkah cara pasang menu Breadcrums dan cara memodifikasinya.

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.

2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan kode CSS berikut di ATAS-nya: 

.breadcrumbs{ margin-left:0px;  margin-top:5px; margin-bottom:20px;  padding:8px 5px 8px 5px;  font-size:100%;  font-family:Georgia,trebuchet ms,Verdana;  border:1px dotted #000;  line-height:1.4em}

3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya:

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

4. Jika sudah, cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya:

<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 www.berryhs.com -->
<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 and search pages  www.berryhs.com  -->
<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>

5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu di Pratinjau dahulu, jika sudah benar, lalu save.

Note : Jika ada masalah dalam pemasangan atau langkah-langkah yang tidak jelas, silahkan meninggalkan komentar facebook dibawah ini.

Artikel Terkait: