Monday, August 25, 2014

Membuat & Memasang Breadcrumb Blog Mudah Seo

Optimalisasi blog untuk blogger pemula terutama blogspot sebelumnya kemaren saya sudah menjelaskan tentang optimalisasi Page Title blog mudah seo , merubah meta tag keyword & deskripsi blog mudah seo, selanjutnya optomalisasi blog untuk blogger pemula khususnya blogspot yaitu dengan membuat breadcrumb & memasang breadcrumb blog mudah seo ,breadcrumb sendiri selain mempermudah pembaca untuk mengetahui posisi dimana pada saat berada dalam halaman page kita selain itu juga breadcrumb sangat baik untuk blog Mudah Seo, dan memperkaya kata kunci , breadcrumbs biasanya muncul secara horizontal di bagian atas sebuah halaman web, biasanya ada di bawah bar judul atau header. Breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. 

Terkait dengan pemasangan breadcrumb terhadap blog mudah seo di bawah ini cara pemasangan breadcrumb pada blogspot.

Untuk mengedit atau memasang breadcrumb masuk ke menu template dan masuk ke menu Edit Html
Cari kode  ]]></b:skin>
Copy kode di bawah ini dan letakkan di atas kode ]]></b:skin>
 .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
Cari kode <b:includable id='main' var='top'>

Ganti dengan kode di bawah ini
<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 -->
<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 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: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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>  

Jangan lupa untuk save setelah anda mengganti dengan kode di atas.

No comments:

Post a Comment

Hosting Gratis