Jumat, 01 April 2011

Cara Pasang Navigasi Breadcrumb di Blogger

Cara Pasang Navigasi Breadcrumb di Blogger: Menurut para master, Navigasi Breadcrumb selain bisa berfungsi sebagai salah satu faktor yang bisa membantu blog agar lebih SEO friendly, Breadcrumbs juga bisa memudahkan pengunjung dalam menavigasi tiap halaman blog dan tentunya hal ini juga akan menguntungkan bagi anda dalam tujuan untuk meningkatkan page views visitors di blog kesayangan.

Oh ya khusus bagi yang belum tahu apa itu Breadcrumb dan bagaimana bentuknya, supaya lebih jelas anda bisa melihat contohnya pada gambar dibawah.


Breadcrumb
Gambar Breadcrumb yang terpasang diblog internetberitaku.com ini

Ok sudah mengerti bukan? jadi untuk mempersingkat waktu sekarang silahkan saja simak bagaimana cara memasang navigasi breadcrumb di blogger atau blogspot anda.

1.Login di account blogger.com lalu tuju halaman Rancangan > Edit HTML

Edit HTML

2.Centang kotak kecil pada bagian Expand Template Widget

Expand Template Widget

3.Letakkan kode CSS berikut tepat di atas kode ]]></b:skin>

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

4.Setelah itu cari kode <b:if cond='data:post.title'> atau jika tidak menemukan coba cari kode <b:if cond=&quot;data:post.title&quot;> lalu letakkan kode berikut tepat diatasnya

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Home</a> &#8250; <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;'> &#8250; </b:if> </b:loop> </b:if> &#8250; <data:post.title/> </div> </b:if> </b:if>

5.Save/Simpan hasil editan template anda.

Tambahan, agar Breadcrumb bisa menjadi lebih SEO Friendly bagi Search Engine seperti Google, Bing, maupun Yahoo. Silahkan baca artikel sebelumnya di SEO: Memaksimalkan Penggunaan Breadcrumb Di Blog.

Suka dengan artikel di internetberitaku.com ? Yuk masukin alamat E-Mail anda dibawah ini! Dengan begitu setiap ada postingan atau artikel terbaru, anda akan langsung menerimanya melalui via E-Mail.


5 komentar on " Cara Pasang Navigasi Breadcrumb di Blogger "

Add your comment. Please don't spam!
Subscribe in a Reader
Everyth1ng on 30 Juli 2011 22.05 mengatakan...

yes sukses, ahkirnya terpasang juga breadcrumb nya ! thanks y gan atas infonya !

ARIF BEAUTY CENTER on 23 Oktober 2011 01.25 mengatakan...

gimana kodenya gak bisa aku dapatkan di HTML saya

Blogspot Pemula on 9 November 2011 03.48 mengatakan...

Makasih Infonya Om. Langsung ke TKP
Salam.

Royan Sableng on 24 Januari 2012 15.34 mengatakan...

jika menghilangkan navigasi dari page gmana ya gan??

Meiqing Xu on 7 April 2016 10.20 mengatakan...

xiaowei 20160407
michael kors bags
fitflops outlet
coach outlet online
burberry sale
micahel kors
coach factory online
coach outlet online
puma outlet
toms shoes
michael kors outlet online
ray bans
under armour outlet store
chaussure louboutin
michael kors uk
new balance shoes
fitflop uk
supra store
coach factory outlet
nike cortez shoes
nike roshe run
cheap oakley sunglasses
kate spade outlet
ecco outlet
coach factory outlet
ed hardy
air max 90
michael kors outlet online
jordan pas cher
lacoste polo shirts
burberry outlet
ray ban sunglass,ray ban sunglasses,ray ban outlet,cheap ray bans,cheap ray ban sunglasses,cheap ray bans,ray bans
coach factory outlet online
pandora charms
cheap basketball shoes
chi flat iron
louboutin pas cher
mizuno running shoes
michael kors outlet
lululemon athletica
rolex replica watches

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

Poskan Komentar

Copyright © 2010 internetberitaku.com | Powered By Blogger | Custom Themes By InternetBeritaKu