25 Mei 2013

Cara Membuat Breadcrumbs di Blogspot (Seo)


Cara Membuat Breadcrumbs di Blogspot
Apakah templat anda belum memakai memakai Navigasi Breadcrumbs? Sangat sayang saudara untuk di lewatkan dalam arti jika templat pada Blogspot sobat tidak memakai Breadcrumbsmenurut saya sangatlah rugi karena Breadcrumbs sangat memudahkan pengunjung blog kita untuk mengetahui di postingan mana di berada.Breadcrumbs terletak di atas persis pada postingan Kita dengan Urutan Sebagai Berikut  


Home >> Nama Label >> Judul Postingan 
Jika anda tertarik Untuk Membuatnya Berukut Cara Membuat Breadcrumbs di Blogspot 
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 dulu dan paste tepat di atas kode  left;"> ]]></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. . Lanjutkan cari kode seperti ini lagi <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.Dan Yang Terakhir simpan template anda.

Tidak ada komentar:

Posting Komentar