Cara Mudah Memasang Breadcrumb di Blog

Cara Mudah Memasang Breadcrumb di Blog -

SEO : cara mudah memasang breadcrumb
Setelah kita mengetahui cara membuat blog [ 3 menit membuat blog di blogger ] Selanjutnya kita akan mulai mengenal SEO (Search Engine Optimization) salah satunya Breadcrum..untuk lebih jelasnya langsung aja yach....

Memasang BreadCrumb adalah salah satu trik ngeblog agar blog lebih SEO Friendly. mari sedikit kita ulas apa itu BreadCrumb?. BreadCrumb dalam bahasa Indonesia diartikan dengan "remah roti". Dari arti tersebut dalam definisi yang sebenarnya bukanlah itu tetapi sebuah navigasi halaman yang berfungsi untuk memudahkan user untuk menavigasi halaman blog atau website.


Selain untuk mempermudah user, BreadCrumb juga termasuk teknik SEO yang sangat disenangi search engine karena robot akan dengan gampang mengcrawl halaman blog kita. dapat kita lihat tampilan BreadCrumb pada search engine dibawah ini:

Pada gambar di atas yang dibingkai warna merah adalah index search engine dalam hal ini google merupakan dari breadcrumb yang kita buat sebelumnya.

Apakah Anda ingin index search engine google seperti itu? mari kita langsung saja mengerjakan Cara MemasangBreadCrumb Pada Blog Blogger Sebagai berikut :

1. Masuk pada ID blogger anda di Blogger.com.

2. Masuk pada tata letak atau layout kemudian pada tab klik edit HTML
   Sebelum memasang BreadCrumb backup lah template Anda terlebih dahulu [Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan]

3. Edit HTML -> centang (kasih tanda tik) Expand Widget Template (jangan lupa).
  Tips: Cara mencari kode di template blogger, tekan CTRL+F » masukkan kode yang dicari dikotak yang tersedia.

4. Carilah kode-kode berikut ini:

• Cari kode berikut:

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

Ganti dengan kode berikut:

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

• Cari kode berikut: <b:includable id='main' var='top'>
  Ganti dengan kode berikut:

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

• Cari kode dibawah ini :

]]></b:skin> 

Ganti dengan kode berikut:

.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> 

      5. Simpan Template. (SELESAI)

Demikian tutorial memasang breadcrumb di blog Blogger... Semoga Bermanfaat..

Jika teman - teman suka dengan tutorial ini tolong di klik g+ dan like [facebook]

 

`