Cara memasang Breadcumd di blogger .Memasangataumembuatbreadcrumbinimemang di anjurkan karena dengan memasang breadcrumb, dapat menutupi salah satu kekurangan SEO untuk blogger.Kekurangan tersebut yaitu alamat url posting yang sangat terbatas. Maka dari itu mari kita pasang breadcumb untuk blog kita untuk keperluan
SEO Friendly juga.
cara memasang breadcumb di blogger gk susah susah amat kog J
Cara Memasang Breadcrumb Google di Blogspot / Blogger
- Langkahpertama untukmemasang Breadcrumb di blogger kita login dahulu ke aku kita.
- Masuk ke halaman Design>edit HTML >centang Expand Widget Templates (janganlupaselalu backup template sebelum editing)
- Carikode<b:include data='top' name='status-message'/> , biasanyaterdapat 2 kodetersebut. Bilasudah di temukan, silahkan paste kode dibawah ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).
<b:include data='posts' name='breadcrumb'/>
- Sekarangcarikode<b:includable id='main' var='top'>dan paste kodeberikuttepat di ataskode<b:includable id='main' var='top'>
<b:includable id='breadcrumb' var='posts'>
<b:ifcond='data:blog.homepageUrl != data:blog.url'>
<b:ifcond='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:ifcond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:ifcond='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'>
<b:ifcond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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:ifcond='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:ifcond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:ifcond='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>
Simpan Template danselesai, andaberhasilmemasang breadcrumb di blogger,tungguhingga ke index oleh google
Untuk mempercantik
Breadcrumb yang sudahandapasang, sekarang tambahkan sedikit sentuhan Css berikut ini yang perlu anda tambahkan di ataskode
]]></b:skin>
.breadcrumbs{margin-left:10px;padding: 5px 0;border-bottom: 1px dotted; line-height:1.4em;}
Itu saja yang kita bahas untuk
Cara memasang breadcumb di blogger
Semoga bermanfaat dan mudah di pahami karena ini juga untuk kebutuhan SEO blogspot J
di kutip dari :
http://www.bamz.us/2011/11/cara-membuat-breadcrumb.html
