Kamis, 14 Maret 2013

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.
Cara Membuat Breadcrumbs Google di Blog
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

Tidak ada komentar:

Posting Komentar