Selasa, 20 November 2012

Tutorial Membuat Breadcrumb di Blogspot

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 ..

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))