Home » , » Tutorial Membuat Breadcrumb di Blogspot

Tutorial Membuat Breadcrumb di Blogspot

Written By mediana saputra on Tuesday, 20 November 2012 | 09:49

Tutorial Membuat Breadcrumb di Blogspot ini berfungsi untuk memaksimalkan Seo On Page yg biasanya di tandai dengan rentetan tulisan di atas judul posting saat sobat membuka tautan Judul Posting .. Contohnya seperti gambar di bawah ini .. :


Sekarang untuk tutor membuat dan Codenya , ikuti langkah di bawah ini :

1.  Login Blogger ==> Dasbor ==> Template ==> Edit HTML ==> Lanjutkan dan centang kotakan kecil di atasnya ...

2. Cari kode ]]></b:skin> [untuk memudahkan pencarian tekan F3 di keybord sobat]
3. Letakam code di bawah ini , tepat di atas kode ]]></b:skin>


.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

4. langkah selanjutnya cari code <b:includable id='post' var='post'>
5. bila sudah ketemu , letakkan code di bawah ini, tepat di bawah code <b:includable id='post' var='post'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

6. Prantinjau, bila tidak terjadi error .. silakan click simpan template

Ket : sekarang blog anda sudah jadi seo friendly untuk optimasi seo

Semoga Bermanfaat untuk kita semua ..

Dan semoga Rahmat Serta Hidayah-NYA selalu tercurah untuk kita semua .. Amin ..

Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Turorial Grapich Design and Blog Design - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger