AFEEF GO BLOGS

Informations|Tutorial|Edukasi|Tips N Trick|mobile apps|software|SEO Tips|

.

Cara memasang Breadcumd di blogger

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 == &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:ifcond='data:blog.pageType == &quot;item&quot;'>
<!-- 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 == &quot;true&quot;'>
&#187; <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>
&#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:ifcond='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:ifcond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:ifcond='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>

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


Anda baru saja membaca artikel yang berkategori SEO Tips / Tutorial Blog dengan judul Cara memasang Breadcumd di blogger. Anda bisa bookmark halaman ini dengan URL http://afeefgoblogs.blogspot.com/2012/04/cara-memasang-breadcumd-di-blogger.html. Terima kasih!
Ditulis oleh: Unknown - Selasa, 10 April 2012

Belum ada komentar untuk "Cara memasang Breadcumd di blogger"

Posting Komentar