Minggu, 03 Maret 2013

cara menambahkan breadcrumb di indexs google

apa kabar ?? info kali ini ttg cara agar breadcrumb lngsung di indexs google . bagaimana caranya ??

1. login ke akun blogger anda
2. klik Rancangan --> Edit HTML
3. anda back up ( download template lengkap ) utk mncegah kalau" trjdi error
4. centang kotak kcil di smping tulisan Expand template widget
5. bagi yg blum pernah memasang navigasi breadcrumb slhkan cari kode berikut. ( gunakan CTRL + F untuk memudahan pencarian kode )



<div class='post hentry'>

atau kode

<div class='post hentry uncustomized-post-template'>

6. letakkan kode di bawah ini tepat setelah kode tadi :

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

sehingga hsilnya begini :


<div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

7. kmudian letakkan kode brikut di atas kode ]]></b:skin>


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

8. klik save dan lihat hasilnya . untuk mengetes apakah sudah jadi atau blum silahkan cek di sini!

catatan :

untuk anda yg sudah terlanjur memasang breadcrumb yg biasa , silahkan ganti saja kode breadcrumb yg telah dipasang seblumnya dengan kode nomor 6 .

smeoga bermanfaat :)


sumber : christiantatelu.blogspot.com

Tidak ada komentar:

Posting Komentar

✿ bila ingin copas , izinlah terlebih dahulu kepada salah satu admin . jangan lupa cantumkan sumbernya ( ื▿ ืʃƪ)
✿ berhak mengomentari, mengkritik, memberi saran dsb . asalkan dengan bahasa yang sopan (˘⌣˘)
✿ di tunggu kunjungannya lagi . arigatou gozaimasu (: (ˆ⌣ˆ‎)ҧ