Kamis, 02 Mei 2013

Cara Membuat Breadcrumbs di atas judul posting

Cara Membuat Breadcrumbs di Blogspot
Cara Membuat Breadcrumbs di atas judul posting, sebaiknya hal tersebut harus anda lakukan untuk mengoptimasi SEO blog anda. Apakah telmplate blog anda sudah dipasang Breadcrumbs ? Kalau belum, Alangkah baiknya kalau Blogspot anda memakai Breadcrumbs, saran saya kurang sempurna jika blogspot anda  tidak memakai Breadcrumbs, 
karena Breadcrumbs akan memudahkan pengunjung blog anda untuk mengetahui artikel artikel yang lainnya. Breadcrumbs terletak di atas persis pada postingan anda dengan Urutan Sebagai Berikut:  

Home >> Nama Label >> Judul Postingan
Jika anda tertarik untuk membuatnya berikut Cara Membuat Breadcrumbs diBlogspot . Lihat penjelasannya dibawah ini : 

1. Login ke blogger (Sebaiknya Back-up dulu templat anda jadi jika nanti gagal tinggal Upluad lagi)
2. Masuk Kedalam Menu TEMPLATE  Anda
3. Pilih Edit HTML.
4. Centang tulisan "expand template widget".
5. Lalu cari kode ]]></b:skin> :  ( untuk mempermudah pencarian Gunakan CTRL dan F Sebagai Bantuanya.)
6. Silahkan Anda Copy kode CSS untuk Breadcrumbs di bawah ini dan paste kan tepat di atas kode  ]]></b:skin>
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
7. Langkah selanjut cari kode seperti ini <b:includable id='main' var='top'>. Jika sudah Ketemu Ganti kode tersebut 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'>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'/>
8. simpan template anda.
Tunggu paling lama 3 Hari SOBAT Pasti Breadcrumbs anda akan tampil di hasil pencarian Google. pasti muncul di google search ok!.
demikianlah Tutorial Tentang Cara Membuat Breadcrumbs di Blogspot  Semoga bermanfaat. UA-40096279-1
Selamat mencoba

Artikel yang lainnya