• digg
  • google-plus
  • facebook
  • twitter
  • feed
  • delicious

Modifikasi Breadcrumbs Terindex Google

Written By Rusman edi on Tuesday, January 21, 2014 | 6:09 PM
Anda sudah pada tau apa itu breadcrumbs,Sebuah navigasi blog yang mengindex link demi link yang terhubung ke sebuah posting yang di buka oleh pengunjung anda,Breadcrumbs ini sering kali di letakan pada bagian atas postingan,Tujuanya untuk mempermudah pengunjung kembali ke posting yang di buka sebelumnya,Untuk"Modifikasi Breadcrumbs Terindex Google"ikuti tutorialnya di bawah ini.

Dari sekian banyak navigasi yang di pasang pada blog,Tentunya sangat penting guna mempermudah pencarian artikel pada blog dan lain-lain sebagainya.
Baca di sini,Betapa pentingnya navigasi bagi sebuah blog untuk meninkatkan kinerja blog dan mempermudah pengunjung dalam merayapi artikel artikel yang tersimpan dalam blog anda.
Untuk memasang salah satu dari sekian navigasi di antaranya "Breadcrumbs" ini sangatlah mudah,Caranya sebagai berikut :
# "Loggin ke akun blogger" > "Pilih Edit HTML" > "Cari code "]]></b:skin>" Jika sudah ketemu letakan Css di bawah ini tepat di atas code "]]></b:skin>"
.breadcrumbs{
background: #cccccc;
text-align: left;
padding:8px;
margin:0 0 0px;
font-size:11px;
border:1px dotted #5f5f5f;
font-family: Tahoma;
font-weight: normal;
}
#Selanjutnya massih di "Edit HTML" Cari code "<b:includable id='main' var='top'>" Jika sudah ketemu letakan code di bawah ini tepat di bawah kode "<b:includable id='main' var='top'>"
<b:include data='posts' name='breadcrumb'/>
#Selanjutnya masih di "Edit HTML"Cari code "<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>" Jika sudah ketemu letakan code wedget di bawah ini tepat di bawah kode "<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>"
<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'>
    <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; <h6>All posts</h6>
<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>
#Selanjutnya "Save Tempalete" anda dan lihat hasilnya pada singgel pos anda.
#Lihat juga artikel lainya terkait tutorial blogger di sini,Selanjutnya... 
Advertisement
*Pilih Tab Komentar Yang Di Inginkan->
Comments
0 Comments

Post a Comment

Berikan Komentar Sesuai Dengan Kebijakan Dan Privasi Kami.!