Cara Membuat Breadcrumbs Google di Blog

Cara Membuat Breadcrumbs Google di Blog : Seperti sebelum nya saya sering membagikan artikel tentang kata kata yang ada di status fb atau status lucu terbaru, kali ini admin juga akan memberikan warna baru di blog ini dengan mengisi tema blogging dengan bahasan trik dan tips.

Langsung ke inti dari pembahasaan ini mengenai cara membuat breadcrumbs google di blog. berikut saya jabarkan cara nya dengan beberapa tahapan. dan ini saya buat karena ada beberapa pengunjung blog ini yang katanya ingin mempunyai breadcrumb pada blog nya. simak di bawah ini : Cara Membuat Breadcrumbs Google di Blog.

• Login di Blogger.
• Pilih Template.
• Pilih Edit HTML (saya sarankan untuk mem back up template anda dulu guna menghindari kesalahan).
• Centang Expand Widget Templates.
• Kemudian cari kode ]]></b:skin>.
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>.

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

• Kemudian cari kode <b:includable id=main var=top>, gunakanlah CTRL+F untuk mempercepat pencarian.
• Ganti kode  <b:includable id=main var=top> dengan kode yang dibawah ini :

  <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 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: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; <span>All posts</span>

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

  <b:includable id=main var=top>

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

  
  
• Kemudian silahkan save.

Sekian Dari Saya Tentang Cara Membuat Breadcrumbs Google di Blog Versi Admin Kususun Semoga Bermanfaat.. Baca juga ya artikel tentang prakata di blog ini seperti :Kata Kata filsafat-Status Frontal Terbaru-Kata Kata Buat Status FB-Kata Kata Sindiran.. Terimakasih