KONTROVERSI NAVIGASI BREADCRUMB

Kontroversi navigasi breadcrumb sesuai dengan judul postingan kali ini ditulis dalam rangka adanya perbedaan persepsi tentangnya. Apa sebenarnya definisi dari pada navigasi breadcrumb itu sendiri ? Navigasi breadcrumb adalah merupakan sebuah script yang berfungsi sebagai suatu bentuk navigasi konten/isi blog kita yang dibuat sedemikian rupa sehingga dapat membantu pengunjung maupun robot search engine dalam menjelajahi seluruh isi atau kontent blog yang kita miliki. Intinya, navigasi breadcrumb ini bertugas sebagai guide bagi setiap pengunjung blog kita.

Nah, sekarang muncul pertanyaan, apa perlunya pasang navigasi breadcrumb ? Sesuai dengan fungsinya sebagai guide, maka navigasi breadcrumb ini pasti banyak membantu terutama membantu robot search engine saat meng-crawl, mengindeks atau menelusuri setiap jengkal atau sudut dari pada blog kita, agar lebih mudah dan lebih cepat terindeks.

Banyak sahabat-sahabat blogger yang telah membahas perihal navigasi breadcrumb ini, bahkan ada juga sahabat blogger yang menuliskan tentang kapan navigasi breadcrumb ini dapat terindeks oleh Google search engine ? Dan dituliskannya bahwa navigasi breadcrumb ini akan terindeks setelah blog kita memiliki page-rank # 3. Wouw ........ lha kok begitu toh .... ? Namun bagi saya, hal itu terlalu lama ......., dan tidak sepenuhnya benar. Buktinya, blog Satu Untuk Semua ini ....masih baru lho ...., page-rank aja belum punya, tapi sudah memiliki navigasi breadcrumb. Buktinya ........ ?  Periksa aja gambar di bawah ini  :


Nah .......... bagaimana ...... ? Betul khan ...................... ? Apa rahasianya ? Bagaimana triknya ? Bagaimana membuatnya ........ ?

Sabar dan tenang, untuk membuatnya diperlukan segelas kopi hangat dan sebungkus rokok kretek cap Ajian Saunmu .......... He.... he .....

Anda mau navigasi yang langsung terindeks atau yang menunggu sampai punya page-rank # 3 ? Kalau mau yang langsung terindeks ya contoh aja petunjuk di bawah ini  :

Cara pemasangannya pun seperti ini kawan :

1. Login ke Blogger kawan.

2. klik Rancangan klik Edit HTML.

3. Beri tanda centang pada kotak di samping tulisan Expand Template Widget.

4. Lalu sobat cari kode ini. Agar lebih mudah dengan menggunakan Ctrl F atau F3.
]]></b:skin>
5. Kalau sudah ketemu copy kode dibawah ini dan paste diatasnya.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
Setelah itu cari kode  <b:includable id='main' var='top'> , hapus kode tersebut dan ganti 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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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'/> 
Save template. untuk mengecek kinerja breadcrumb, silahkan anda buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk cek anda tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya, dijamin pasti terindeks oleh Google dan nggak perlu nunggu sampai kita punya page-rank # 3.



Share this Article on :

0 komentar:

Posting Komentar

 

© Copyright satu untuk semua 2011 -2012 | Design by Satu Untuk Semua | Powered by Blogger.com.