Menyajikan hidangan seputar informasi sederhana untuk anda

Cara membuat / memasang breadcrumb pada blog

Selamat Datang kembali kawan, BreadCrumb banyak sekali dicari oleh blogger yg bertujuan agar blog kita mudah terindex oleh google, setelah saya browsing ternyata memang breadcrumb sangat laris oleh blogger. Jika anda menginginkan blog anda laris tidak salah jika mencoba ini, kali ini saya akan membahas tentang bagaimana cara membuat/memasang breadcrumb agar blog kita mudah terindex.

Langsung saja kita masuk mulai, ini dia. langkah - langkah membuat breadcrumb :

Breadcrumb
  • Buka blog anda terlebih dahulu
  • Masuk ke menu Template
  • Kemudian pilih Edit HTML (Bisa di back up dulu templatenya agar terjadi kesalahan tidak membuat fatal)
  • Kemudian cari kode ]]></b:skin>
  • Copy kode berikut dan paste tepat di atas ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  •  Setelah langkah diatas selesai kemudian cari kode <b:includable id='main' var='top'>
  • Ganti kode seperti diatas dengan kode berikut
<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'/>
  •  Simpan template anda dan cek hasilnya
  • Cek dengan cara masuk ke halaman salah satu postingan/artikel anda
Sekian informasi yg dapat saya sampaikan jika ada kesalahan saya mohon maaf, semoga bermanfaat bagi kita. Terimakasih :)

0 komentar:

Post a Comment

Terimakasih atas kunjunganya

Jika anda kurang puas :
1. Silahkan berkomentar secara bijak
2. Dilarang berkomentar dengan berbau unsur SARA
3. Dilarang berpromosi iklan atau produk