✔ Cara Menciptakan Breadcrumbs Di Atas Judul Posting

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 menggunakan Breadcrumbs, saran saya kurang tepat jikalau 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 jikalau nanti gagal tinggal Upluad lagi)
2. Masuk Kedalam Menu TEMPLATE  Anda
3. Pilih Edit HTML.
4. Centang goresan pena "expand template widget".
5. Lalu cari kode ]]></b:skin> :  ( untuk mempermudah pencarian Gunakan CTRL dan F Sebagai Bantuanya.)
6. Silahkan Anda Copy isyarat 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 isyarat ibarat ini <b:includable id='main' var='top'>. Jika sudah Ketemu Ganti isyarat tersebut dengan isyarat 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 usang 3 Hari SOBAT Pasti Breadcrumbs anda akan tampil di hasil pencarian Google. niscaya muncul di google search ok!.
demikianlah Tutorial Tentang Cara Membuat Breadcrumbs di Blogspot  Semoga bermanfaat. UA-40096279-1
Selamat mencoba

Sumber http://peuyeumcipatat.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: