Cara Membuat Breadcrumbs SEO Blogger

Cara Membuat Breadcrumbs SEO Blogger - Blogger Update. Breadcrumbs adalah salah satu Trik SEO Blogger yang cukup ampuh karena trik breadcrumbs bisa membantu googleboot untuk lebih mudah mengenali struktur dari blog kita.Tehnik Breadcrumbs ini masih sangat populer dan hampir semua blog atau website memakai trik breadcrumbs ini. Untuk template dari penyedia-penyedia gratisan biasanya belum dilengkapi breadcrumbs sehingga anda perlu Membuat Breadcrumbs Blogger sendiri: 

Langkah-Langkah Membuat Breadcrumbs Blogger
1. Masuk ke Blogger
2. Masuk ke Dashboard Blogger anda.
3. Pilih dan klik tab 'Template'
4. Cari kode ]]></b:skin>, copy script dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.
.breadcrumbs{ 
padding:5px 5px 5px 0; 
margin:0;font-size:95%; 
line-height:1.4em; 
border-bottom:4px double #cadaef}
5. Setelah itu, cari kode seperti ini <b:includable id='main' var='top'>
6. Lalu ganti kode  <b:includable id='main' var='top'> dengan kode dibawah 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'>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'/>
7. Klik 'Simpan Template' dan selesai
 
Sekian dari saya embahkong tarjun yang menuliskan artikel tentang Cara Membuat Breadcrumbs SEO Blogger. Terima kasih sudah berkunjung

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya
DMCA.com

Komentar

Posting Komentar

Postingan populer dari blog ini

CARA MEMBATALKAN PERMINTAAN PERTEMANAN DI FACEBOOK

Gambar
                          CARA MEMBATALKAN PERMINTAAN PERTEMANAN DI                                            FACEBOOK                                    Facebook  adalah media sosial di mana seseorang bisa berteman dengan siapa saja asal yang di ajak berteman mau. Tapi apa jadi nya bila permintaan petemanan kamu tidak di konfirmasi? jengkel, sedih atau marah? Ok tidak usah seperti itu barangkali orang yang kamu add friends request memang merasa kamu bukan teman nya Nah kalau sudah seperti itu akan lebih baik jika kita menghapus/membatalkan permintaan pertemanan kita di facebook, karena eh karena apabila kita telah melakukan add friends request sebanyak 20X dan tidak di konfirmasi semua bisa-bisa acount faceboo...
Baca selengkapnya

Cara Mudah Membuat Recent Post (Artikel Terbaru)

Gambar
Cara Mudah Membuat Recent Post (Artikel Terbaru)  -  Blogger Update . Fungsi  Recent Post (Artikel Terbaru)  adalah untuk memberikan informasi kepada pengunjung (visitor) mengenai  Artikel Terbaru  yang baru diterbitkan. Blogger tidak menyediakan Gadget khusus untuk  Recent Post (Artikel Terbaru)  yang kita inginkan. Berikut ini adalah  Cara Membuat Recent Post (Artikel Terkait) Langkah-langkah membuat Recent Post (Artikel Terbaru) 1. Masuk ke  Blogger . 2. Masuk ke Dashboard Blogger anda. 3. Klik 'Tata Letak'. 4. Klik 'Tambahkan Gadget'. 5. Pilih 'HTML/JavaScript'. 6. Copy script dibawah ini dan masukan ke dalam gadget HTML/JavaScript tadi. <div id="hlrpsb"> <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script> <script style="text/javascript">var numposts =  5 ;var showpostdate = false;var showpostsummary = false;var nu...
Baca selengkapnya

Cara Membuat Daftar Isi Otomatis Di Blog terbaru dan Keren

Gambar
Cara membuat Daftar Isi / Sitemap Otomatis Di Blogger terbaru dan Keren dengan javascript Accordion Style Sitemap  adalah salah satu elemen penting dalam sebuah blog. Karena di Blogger.com tidak menggunakan layanan plugin seperti di WP, maka penggunanya sering kali membuat daftar isi  secara manual . Membuat sebuah halaman daftar isi di  blogspot  mereka. Hal ini juga dipercaya meningkatkan SEO onpage blog mereka tersebut. Dengan membuat  daftar isi otomatis  dalam blog mereka, pengunjung akan dapat melihat semua postingan yang terdapat dalam blog mereka, biasanya setiap postingan di bagi berdasarkan  label atatu kategori. Oke, setelah sebelumnya  netomaniak  telah membuat postingan  Cara membuat daftar isi otomatis dengan tabulasi , kali ini saya mencoba membagikan  cara membuat daftar isi otomatis dengan efek accordion style ,  yang tentunya lebih keren dan stylis. javascript yang digunakan boleh dibilang sangat...
Baca selengkapnya