Cara Membuat Menu Breadcrumbs Seo Friendly Di blogspot Terbaru

Selamat Siang Teman Blogger : kali saya akan membahas cara membuat menu Breadcrumbs Seo Friendly di blogspot saya akan membuat toturial dengan demo ya ,pasti anda sedang kebinguna nya cara memasang menu Breadcrumbs Seo Friendly di blog anda pasti anda selalu gagal ,emang menu Breadcrumbs tergantung ke cocok pada template maka dari itu saya akan membaut toturial cara membuat manu Breadcrumbs Seo Friendly yang fuul versioan yang cocok pada template apa pun saja ,yang penting anda jangn salah menenpatkan kode script kode Breadcrumbs ya di templete anda perhatikan bagi anda yang masih tahap belajar saya pun sama kaya kalian ,emang susuah nya minta ampun cara memasang menu Breadcrumbs Seo Friendly di atas ndi jdjul potingan .

Kode Script Menu Breadcrumbs : Seo Friendly ada yang berbeda  beda ada yang Seo Friendly atau ada yang engga tapi akan kasih ke pada anda kode Script yang Seo Friendly ,menu Breadcrumbs Seo Friendly itu bisa menu label kita bisa terindex di google contoh pada gambar di atas ,sebagai demo maka dari itu anda bila anda mau memasang menu Breadcrumbs Seo Friendly anda ,anda bisa perhatikan cara cara yang saya kasih mudhan work pada template anda amin

Langkah Langakah Berikut nya 

1 Anda Login Dulu ke Blogger anda dan pilih menu Template
2 Lalu pilih Menu Edit Html Lalu cara kode  ]]></b:skin> dan letakan kode di bawah di atas kode  ]]></b:skin>

.breadcrumbs{
padding:0px 5px 5px 0;
margin-bottom:20px;
font-size:11px;
color:#5B5B5B;
border-bottom:1px dotted #bbb;
}

3 Masih di Edit HTML, cari kode sperti di bawah ini

 <b:includable id='post' var='post'>
  <div class='post'>

 4 Selanjutnya Lalu anda , letakkan kode di bawah di atas kode  <b:includable id='post' var='post'>

atau kode <div class='post'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>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' title='Home'>Home</a></span>

<b:loop values='data:post.labels' var='label'>

 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' 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' title='Home'>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' title='Home'>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' title='Home'>Home</a></span> &#187; <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

5 Kemudian anda Save dan lihat hasil  semoga kode yang saya kasih bisa berhasil ,bila gagal anda bisa lakukan cara yang satu ini  cara memasang menu Breadcrumbs Seo Friendly 2 di atas jdul blog anda cukup sekian dari saya wasalam .

Tweet

Subscribe to receive free email updates: