Saturday, January 12, 2013

Cara memasang Breadcumb yang otomatis di index Google

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.
 

ads

Ditulis Oleh : Alimstudio Hari: 8:26 AM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool