Home » , , » Trik Seo - Cara Memasang Breadcrumb di Blogspot atau Blogger

Trik Seo - Cara Memasang Breadcrumb di Blogspot atau Blogger

Dadi Mulyadi | 1/22/2010 04:16:00 pm | 6komentar
Cara Memasang Breadcrumb di Blogspot
Navigasi Breadcrumb dianjurkan oleh
Google dalam SEO. Anjuran untuk pemasangan breadcrumb di suatu situs tercantum dalam ebook yang dikeluarkan Google berjudul “Search Engine Optimization Starter Guide tentang SEO BreadCrumb”.

Sedangkan pengertian Breadcrumb menurut Google adalah sebagai berikut :
Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang paling umum (biasanya laman dasar) sebagai tautan pertama dan paling kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan. Untuk lebih jelasnya saya kasih gambar berikut :

masterGOmaster

Sekarang adalah Cara Memasang Breadcrumb di Blogger / Blogspot, cara ini saya temukan di situs Blogger Pluggins. Untuk langkah-langkahnya, silakan ikuti petunjuk di bawah ini :

  • Sign in ke http://blogger.com dengan akun Anda
  • Pilih layout -> edit html
  • Beri tanda centang pada Expand the Widget Templates
  • Cari kode seperti ini :

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

  • Gantikan dengan yang ini :

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

  •  Lalu cari kode seperti ini :


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

  •  Gantikan 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'>

* Yang terakhir, cari kode seperti ini :

]]></b:skin>

  • Lalu gantikan dengan yang ini :

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

Terakhir jangan lupa di Save. Semoga bermanfaat !! 
 
Share this article :

Promo Paket Hemat

TOKO SOFTWARE KOMPUTER ONLINE

Popular Posts

 
Support : Comments feeds | Facebook | Twitter
Copyright © 2013. Blog masterGOmaster - All Rights Reserved
Belanja Online di Toko masterGOmaster
Proudly powered by Blogger