Judul : Memasang Breadcrumbs yang SEO Friendly
link : Memasang Breadcrumbs yang SEO Friendly
Memasang Breadcrumbs yang SEO Friendly
Pernah dengar yang namanya "Breadcrumbs"? Kalau dalam bahasa Indonesia berarti "Remah roti", yang berguna untuk memberi petunjuk jalan mana saja yang pernah kita lalui agar kita tidak tersesat dan tahu posisi dimana kita sedang berada sekarang. Remah roti atau remah apapun itu sering digunakan orang zaman dulu untuk menandai jalan yang telah dia lewati agar tidak tersesat di kemudian waktu.SEO Friendly Breadcrumbs |
Windows Explorer's Breadcrumbs |
Langsung saja kita praktekkan cara memasangnya, simak baik-baik agar tidak terjadi error pada blog anda nantinya.
1. Masuk ke dashboard blog anda, klik pada "Template" dan ambil "Edit HTML"
2. Cari kode HTML yang bertuliskan "]]></b:skin>" (tanpa tanda petik dua)
3. Agar proses pencarian lebih cepat pada kotak HTML ketik Ctrl+F (menu find/cari)
4. Pastekan kode berikut diatas kode ]]></b:skin>
5. Setelah selesai, cari kode "<b:includable id='main' var='top'>" (tanpa tanda petik dua)
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
6. Hapus dan ganti dengan kode yang ada dibawah ini
7. Save template anda, lalu coba lihat lagi tampilan homa blog anda, ada yang berbeda?
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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'/>
Demikian artikel saya tentang breadcrumbs untuk Blogspot kali ini, bagi anda pengguna wordpress bisa baca Memasang Breadcrumbs Khusus bagi Pengguna Wordpress.
Sekian, kurang lebihnya mohon maaf.
Assalamualaikum Wr. Wb.
Demikianlah Artikel Memasang Breadcrumbs yang SEO Friendly
Sekianlah artikel Memasang Breadcrumbs yang SEO Friendly kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Memasang Breadcrumbs yang SEO Friendly dengan alamat link https://sebuahteknologi.blogspot.com/2014/04/memasang-breadcrumbs-yang-seo-friendly.html