Cara Memasang Breadcrumbs Pada Blog

nongool.com - 26/10/2013 Cara Memasang Breadcrumbs Pada Blog. Oke akan saya jelaskan sedikit definisi Breadcrumbs. Breadcrumbs adalah navigasi yang digunakan agar visitor blog bisa mengetahu temapat dia berada. dan Breadcrumbs juga bagus untuk SEO blog.

Teman-teman ingin Memasang Breadcrumbs Pada Blog ?

Nah teman-teman jangan khawatir di postingan saya kali ini saya akan membahas tentang Cara Memasang Breadcrumbs Pada Blog. Mari ikuti langkah-langkah sebagai berikut.

Langkah yang pertama pastikan posisi teman-teman sudah login pada blospotnya. Setelah itu pilih Menu Template >> Edit HTML dan cari kode ]]></b:skin>

Dan Copy script dibawah ini diatas 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;
}

Oke jika sudah cari kode <b:includable id='main' var='top'>
Jika sudah ketemu kode <b:includable id='main' var='top'> Ganti kode Tersebut dengan Script dibawah ini dan klik Save Template.

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'> 
<b:if cond='data:blog.pageType == "static_page"'> 
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/> 
<b:if cond='data:blog.pageType == "item"'> 
<!-- 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'> 
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> 
</b:loop> 
» <span><data:post.title/></span> 
</div>
<b:else/> 
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if> 
</b:loop> 
<b:else/> 
<b:if cond='data:blog.pageType == "archive"'> 
<!-- ViperGoy Breadcrumb for the label archive page and search pages.. --> 
<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> 
</div>
<b:else/> 
<b:if cond='data:blog.pageType == "index"'> 
<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == ""'> 
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> 
<b:else/> 
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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'/>

Gimana Mudah kan Teman-teman ?
Semoga Artikel Tentang Cara Memasang Breadcrumbs Pada Blog ini Bisa Membantu dan Bermanfaat untuk teman-teman.
Note : Jika Teman-teman menyukai Artikel Tentang Cara Memasang Breadcrumbs Pada Blog ini Tolong Tinggalkan Jejak Teman-teman dengan Berkomentar disini.
Terimakasih!

Created By : Unknown - www.nongool.com

Anda sedang membaca artikel tentang Cara Memasang Breadcrumbs Pada Blog.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:

https://nongool.blogspot.com/2013/10/cara-memasang-breadcrumbs-pada-blog.html
- Hak cipta pemilik -

--- www.nongool.com ---

Description: Cara Memasang Breadcrumbs Pada Blog
Rating: 4.5