Saturday, May 26, 2012

Cara Membuat Breadcrumbs Blog

Membuat Breadcrumbs Blogspot - Untuk agar blog menjadi lebih SEO, cara memasang breadcrumbs blog agar muncul di mesin pencari.

1. Log in ke blogger.com


2. pilih design atau rancangan


3. pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template


4. Lalu Cari kode tag
]]></b:skin> dan letakkan kode dibawah ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}


5. Cari kode
<b:includable id='main' var='top'>


6. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6


<b:includable id='breadcrumbs' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:post.labels'>

Anda Berada di&#160; :

<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>

</b:if>

</b:loop>

<b:if cond='data:post.title'>

&gt; <b><data:post.title/></b>

</b:if>

</b:if>

</span>

</p>

</b:if>

<!-- End of Breadcrums Hack -->

</b:includable>


7. Cari kode
<b:loop values='data:posts' var='post'> pilih kode yang pertama di temukan, jika sudah ketemu, silahkan letakan kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>


8. Save template .


Begitulah
cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat.




Related Post



Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

8 comments: on "Cara Membuat Breadcrumbs Blog"

Cara Menjadi Orang Sukses said...

thanks ya mas.tutornya work 100%

ILFAN RIFAI said...

ok sama-sama gan..

Septia said...

Ok gan, makasih tutorialnya :D

Limit Post said...

coba dulu ya sob hehehehe

ILFAN RIFAI said...

@ Septia : Sama-sama gan...

ILFAN RIFAI said...

@Limit Post : Silahkan gan,,,

Rully Syafira said...

fungsinya untuk apa GAN ??

ILFAN RIFAI said...

@Rully Syafira :

Liat di atas judul posting ini, hasilnya seperti ini :
Home > Tutorial Blog > Cara Membuat Breadcrumbs Blog

Fungsinya agar blog lebih SEO Friendly.

Post a Comment