Cari Artikel

Senin, 12 Juli 2010

breadcrumb navigation untuk blogspot seo friendly

Navigasi seperti di atas lebih di kenal dengan nama “breadcrumb-navigation”. Dengan adanya “breadcrumb-navigation” maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori. Lalu bagaimana cara memasangnya pada template Blogspot?? berikut adalah cara memasang breadcrimb navigation untuk blogspot. ini adalah trik gabungan dari blognya KR dan Ardi yang menjadi breadcrumb-navigation Seo Friendly Fersi blog o-on


  1. Silahkan login ke blogger degan ID anda.
  2.  Klik Tata Letak.
  3. Klik tab Edit HTML 
  4. Click Download Full Template and please back up your template first. 
  5. Silahkan beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
expand






                                 

     6. Silahkan cari kode ]]></b:skin> 
        Copy lalu paste kode di bawah ini persis 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;


     }


   7. Cari kode berikut ini:

     <b:includable id='main' var='top'>

Jika sudah ketemu, letakkan kode berikut tepat di atas kode tadi:

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

<!-- Breadcrumbs hack. By Blog o-on http://www.blogo-on.tk/ -->
  <b:if cond='data:blog.pageType == "item"'>
      <p class='breadcrumbs'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>

          Browse:
          <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 == "true"'>
              <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>


  8. Kemudian cari kode berikut:

    <div class='post-header-line-1'/>

Kalo sudah ketemu, letakkan kode berikut di atas kode tadi:

<b:include data='post' name='breadcrumbs'/>

Klik Save Template

Navigasi ini muncul di bawah judul posting dan hanya tampil pada inner-page, bukan home-page.
Jika langkah-langkah anda sudah benar, maka “breadcrumb-navigation” akan seperti gambar diatas



SEmoga bermanfaat...

Mari dukung Toyota menjadi Mobil Keluarga Ideal Terbaik Indonesia

7 komentar:

De o-on mengatakan...

@Arya jafarudin: siip deh kang.. komentar anda juga menambah semangat saya..

CongCot mengatakan...

saya juga sudah pasang

De o-on mengatakan...

yuupss dengan breadscrumbe blog kita makin SSEO friendly dehh

Arif mengatakan...

wah terimakasih ya atas info yang sangat bermanfaat ini.....

De o-on mengatakan...

sama-sama gan,, gmn berhasil??

iboss mengatakan...

Really Your Post is very good and helpful. i am very happy to read your post. Keep update I will return soon. My webstie World Cup Cricket
Here Most Important link list


Unlimited Backlink Free

Open a USA Bank Account Free

Recent news

The Daily News

money exchange

Earn Money
Thanks

Devid mengatakan...

Very helpful content, pleased I uncovered this website. Thanks.
Socialkik

Posting Komentar

Hayo-hayo di tulis Komentarnya bro or sist... silahkan kritik dan saran atau cendolnyaa :D

 
Copyright © 2011. Blog Smart . All Rights Reserved
Design by Herdiansyah . Published by Borneo Templates