Senin, 05 Agustus 2013

BAGAIMANA CARA MEMASANG BREADCRUMB DI BLOG

BAGAIMANA CARA MEMASANG BREADCRUMB DI BLOGKali ini saya akan membuat sebuah artikel yang menjelas kan tentang Bagaimana cara Membuat Breadcrumb pada Blog mungkin anda belum mengetahui apa itu Breadcrumb,Breadcrumb  adalah salah satu teknik SEO jika anda mungkin belum begitu paham tentang seo, apa sih SEO itu? jika benar begitu silahkan anda baca artikel saya yang PENGERTIAN SEO
oke kembali lagi tentang  Membuat Breadcrumb pada Blog,yang sedikit saya tau tentang  Breadcrumb ini bermanfaat untuk bisa mempengaruhi mesin pencari atau seart engine, sehingga bisa lebih cepat dalam mengenali segala struktur setiap blog yang di rayapi atau yang di kunjungi nya.
Dan juga, pemasangan breadcrumb pada blog juga merupakan salah satu teknik SEo
yang bisa anda gunakan untuk membuat link antar halaman blog anda itu bisa  terhubung, halaman yang satu dengan halaman yang lain nya dan otomatis itu akan berdampak pada blog anda dan tidak menutup kemungkinan itu akan berdampak juga pada pagerank blog anda menjadi lebih baik lagi.
Langsung saja jika anda ingin memasang nya dan anda belum tau cara memasang nya silahkan anda simak saja cara nya di bawah 

  • Login ke akun Blogger Anda.
  • klik menu Template
  • Untuk menghindari kesalahan yang tidak di ingin kan saya sarankan anda backup terlebih dahulu tempalate anda.
  • klik Format Template
  • Cari kode ]]></b:skin
  • Letakkan kode di bawah tepat di atas kode ]]></b:skin>

 .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}

    • Kemudian anda cari  kode di bawah ini:
    • Untuk mempermudah pencarian anda tekan Ctrl F dan copy kan kode di bawah dan Enter
      <b:includable id='main' var='top'>
        • Kemudian anda ubah kode yang di atas yang anda cari tadi dan lakukan pengubahan kode di atas dengan kode yang di bawah
          <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'/>


          Jika sudah Simpan hasil nya..
          Semoga artikel saya kali tentang BAGAIMANA CARA MEMASANG BREADCRUMB DI BLOG ini bisa bermanfaat banyak untuk andaTERIMAKASIH

          Tidak ada komentar:

          Posting Komentar