Cara Membuat Breadcrumbs Blog Seo Friendly

Kali ini saya akan memberikan trik membuat breadcrumbs seo pada blog anda. Bagi yang belum tahu apa itu breadcrumbs  silikan klik ini. Langsung saja silakan anda ikuti petunjuk tutorialnya dibawah ini.

1. Login ke blogger

2. Klik template > Edit HTML

3. Cari kode  <b:includable id='main' var='top'>

4. Pasang kode di bawah ini di atas kode tadi 

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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:if> </b:loop> </b:if> </b:includable>

5. Cari kode <b:include data='top' name='status-message'/> 

6. Pasang kode berikut di atas kode tadi

<b:include data='posts' name='breadcrumb'/>

7. Terakhir cari kode  ]]></b:skin>

8. Letakkan kode berikut di atas kode tadi

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

10. Simpan template

Catatan :
Langkah no.6 biasanya ada dua kode yang sama, silakan letakkan kodenya pada kedua-duanya.

Berbagi :

Anda mungkin menyukai postingan ini :

• 
  Cara Praktis Parse Kode Html Adsense
• 
  Daftar PPC Selain Google Adsense Yang Terpercaya
• 
  Cara menambah widget 3 kolom pada blog
• 
  Cara Pasang Facebook Fan Page/Facebook Like Box di Blog