Tips dan Cara Memasang menu Navigasi Breadcrumbs di Blog agar Cepat Terindex Google searce

Tips dan Cara Memasang menu Navigasi Breadcrumbs di Blog agar Cepat Terindex Google searce -
 Assalamualaikum para pengunjung blog Nasruddin s
pada kesempatan Kali ini, saya akan membahas sedikit tentang Cara Memasang Navigasi Breadcrumbs di Blog agar Cepat Terindex diGoogle. Banyak dari teman-teman blogger yang ingin sekali memasang navigasi yang satu ini. dari pada banyak bertele tele.  kita langsung saja pada tutorial nya..yaitu cara memasang navigasi breadcrumbs.

Adapun langkah-langkah yang akan kita lakukan pertama membuat navigasi breadcrumbs sebagai berikut.

Untuk mencegah sesuatu yang tidak di ingin kan, sebelum itu backup dulu tempalate blog anda.,dengan cara

1. masuk ke blogger.
2. kmudian Klik "Template"
3. Kemudian kita klik edit html
4. saat ini edit html template bloger sudah ber beda dengan versi yang sebelumnya, dan tidak perlu cari Expand Template Widgett..
5. kemudian kita cari kode berikut: 
<b:includable id='main' var='top'> 
 Tekan CTRL + F untuk mempermudah pencarian
6. Ganti kode <b:includable id='main' var='top'>  dengan kode dibawah 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'/>
7. Kemudian cari kode berikut
 ]]></b:skin>
 Tekan CTRL + F untuk mempermudah kita dalam mencarinya
8. Copy kode dibawah ini dan pastekan di atas kode ini  ]]></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;}  
9.setelah semua selesai,maka Kemudian klik save template

Demikianlah Tips dan Cara Memasang menu Navigasi Breadcrumbs di Blog agar Cepat Terindex Google searce... semoga berman faat bila kurang paham silakan berikan maxsukan di kolom komentar ... trima kasih


0 Response to "Tips dan Cara Memasang menu Navigasi Breadcrumbs di Blog agar Cepat Terindex Google searce "

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel