Ek4zone.com

Breadcrumb navigation, biasa disebut navigasi tempat. Secara sederhana berarti nagiasai atau peta dimana kita berada saat ini. lebih jelasnya bisa dilihat pada atas artikel ini, disitu muncul alamat atau tempat anda membaca artikel saat ini. nahh, udah pada paham kan. Breadcrumb Remah Roti Untuk Optimalisasi SEO, ini terkait dengan mesin pencari jejak (mabh gugle) supaya mudah mencari artikel kita. secara tidak langsung akan membantu optimalisasi buat blog kita.

Sebenarnya Breadcrumb merupakan plugin untuk wordpress, tp berhubung banyak pengguna blogspot yang juga ingin mempunyai fasilitas ini. teng teng, jadi dech (hehee..) just kidding sebenarnya banyak artikel yang sudah mengulas materi ini, saya hanya ingin mengulas lebih suderhana lagi, dengan referensi dari salah satu master SEO kita Melodanta (http://melodanta.com. okeh langsung simak dan meluncur ke TKP. hehee... Breadcrumb Remah Roti Untuk Optimalisasi SEO

Seperti biasa, pertama yang haru kita lakukan adalah...

* Sign in ke Blogger dengan akun Anda

* Pilih layout -> edit html

* Beri tanda centang pada 'Expand the Widget Templates'

* Lanjutkan Cari kode seperti ini :

<b:include data='top' name='status-message'/>

* kemudian tambahkan kode ini dibawahnya.

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

* lalu kita cari lagi kode;

<b:includable id='main' var='top'>

* jika sudah ketemu ganti kode diatas dengan yang ini;

<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 == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

* tenang, belom selesai, cari lagi kode ini;

]]></b:skin>

* sisipkan kode dibawah ini, letakkan diatas kode yang tadi;

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

* nahhh, udah capek kan, sekarang simpan templatenya.

Breadcrumb remah roti untuk optimalisasi SEO, sudah selesai dibuat. baik disajikan dalam keadaan dingin (hehehee..). Selamat Mencoba Kawan. oia ada tambahan, ini hanya untuk blogspot, khusus untuk Wordpress kita tinggal memasang pluginnya. Terimakasih.