Cara memasang Navigasi Breadcrumb

Posted by

Navigasi Breadcrumb











Memasang Navigasi Breadcrumb Yang Otomatis di Index Google ---Menurut para peramal SEO (orang yang paham optimasi pencarian google), navigasi breadcrumb penting sekali di pasang untuk meningkatkan kualitas hasil pencarian. Walaupun bagi saya pribadi mungkin tidak ada bedanya dengan tampilan rating bintang maupun narsis dengan author blog. Penting tapi gak pake banget.

Tanpa berpanjang lebar lagi, berikut Cara Memasang Navigasi Breadcrumb Yang Otomatis di Index Google, tanpa perlu nunggu hingga page ranking 3, konten berkualitas, bermutu, original bla bla bla...

Buka edit html template, Expand Widget Templates, dan letakkan kode css breadcrumb berikut di deretan kode css yang ada di atas kode ]]></b:skin>.

.breadcrumbs {background:#fbfbfb;padding:3px 0; margin-bottom:10px; font-size:85%; line-height: 1.4em; border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;}
Silahkan di personalisasi sendiri kode css tersebut.

Jika sudah, cari kode <b:includable id='main' var='top'> di dalam template sobat dan ganti dengan kode di bawah 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'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>Beranda</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'>Beranda</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;'>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</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'>Beranda</a></span> &#187; <span>Semua Artikel</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Kategori Artikel <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 dan lihat hasilnya di search engine google pada post terbaru sobat.
Sumber klik Gambar di bawah ini :
Moga bermanfaat dan happy blogging!


Blog, Updated at: 23:35

0 Comment :

Post a Comment

Ayo Sobat jangan jadi SILENT READER ya, ? bagi dong komentarnya
jika Sobat tidak punya akun silahkan pilih Anonymous...
Dan gunakan kata-kata yang sopan ....

Search This Blog

Popular Posts