Graphic Design By Tara | Free Download Game dan Software

Game gratis terbaru selalu update berbagai genre kategori untuk semua platform, pc, android. Download game gratis tanpa batas hanya di Graphic Design By Tara.

  • Home
  • Menu
  • Menu 1
  • Menu 2
  • Menu 3
Beranda » Blogger » Cara Membuat Breadcrumb Blogspot

Cara Membuat Breadcrumb Blogspot

Cara Membuat Breadcrumb Blogspot

Perhatikan gambar di atas, gambar tersebut dinamakan Breadcrumb. Tujuan membuat Breadcrumb pada blogspot untuk mempermudahkan pengunjung menelusuri artikel yang ada di blog Anda, selain itu Breadcrumb salah satu alternatif meningkatkan SEO (Search Engine Optimization).

Cara membuat Breadcrumb pada blogspot :
  • Masuk ke dashboard blogger.
  • Template > Edit HTML.
  • Untuk mempercepat pencarian kode tekan Ctrl + F (kalau masih bingung lihat caranya di sini).
  • Cari kode berikut ini.
<b:includable id='main' var='top'>
  • Hapus kode tersebut dan ganti dengan kode berikut ini.
<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='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span> 
     </div> 
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><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' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span> 
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable> 

      <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>
  • Untuk mempercantik tampilan silahkan tambahkan CSS beikut ini.
.breadcrumbs {
 font-size: 11px;
 color: #666;
 padding: 10px 0px;
 margin: 10px 0px 20px;
 border-bottom: 1px solid #ddd;
}
  • Letakkan kode tersebut di atas kode.
]]></b:skin>
  • Pratinjau template, bila sudah benar silahkan Save. 

Catatan : ukuran font dan warna sesuaikan dengan template blog Anda.
Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Graphic Design By Tara | Free Download Game dan Software . Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Graphic Design By Tara | Free Download Game dan Software dengan mengklik tombol di bawah ini:

follow mas sugeng

Artikel keren lainnya:

Blogger Templates
Ditulis oleh Unknown pada tanggal Minggu, 06 Juli 2014
Posting Lebih Baru
Posting Lama
Beranda

Popular Posts

  • Solusi Game Red Alert 2 Berjalan Lambat di Windows 8
    Game Red Alert 2 sangat popular sekali mulai tahun 2002, meskipun ada update Red Alert 3 tetapi antusias para gamer lebih memilih Game Red A...
  • Download Aplikasi AirDroid Versi Desktop Untuk Windows
    Download Aplikasi AirDroid Versi Desktop Untuk Windows | Ponsel pintar modern seperti Android telah maju dalam banyak hal, dan mereka mem...
  • Free Download Speecy 1.27 Untuk Windows
    Free Download Speecy 1.27 Untuk Windows   | Mencari informasi yang komprehensif tentang komputer anda tidak selalu mudah. Bila anda memili...
  • Free Download Comodo Antivirus
    Free Download Comodo Antivirus   | Di era modernisasi ini seperti tahun 2014 kita semua tahu jika banyak sekali kita jumpai berbagi antiv...
  • Download Aplikasi Kingo Android Root Gratis
    Download Aplikasi Kingo Android Root Gratis | Kingo Android Root merupakan salah satu aplikasi yang dapat digunakan oleh setiap pengguna a...
  • 4 Sistem Operasi Komputer Gratis Terbaik Untuk Anak
    Bukan sesuatu yang mengejutkan kalau menjaga anak kita tetap diam dirumah merupakan tantangan tersendiri. Hal yang wajar jika kebanyakan ...
  • PES 2012 Pro Evolution Soccer
    Pro Evolution Soccer atau disingkat dengan PES 2012 tersedia dalam format apk untuk game android. Penggila bola pastinya senang dengan hadir...
  • Download Aplikasi Gratis Untuk Menonton TV Pada PC Anda
    Download Aplikasi Gratis Untuk Menonton TV Melalui PC Anda - Sekarang anda dapat menonton 1700 + saluran TV di seluruh dunia Live pada PC ...
  • Membuat Postingan Pada Group Facebook Selalu Berada Paling Atas
    Syarat utama supaya postingan di dalam group facebook bisa selalu berada paling atas adalah Anda harus menjadi admin dari grup tersebut. Tuj...
  • 4 Aplikasi Gratis Terbaik Untuk Desain Grafis 3 Dimensi
    4 Aplikasi Gratis Terbaik Untuk Desain Grafis 3 Dimensi - Komputer grafis Tiga dimensi (3D) saat secara luas digunakan hampir dapat dilihat...
Copyright © 2014 Graphic Design By Tara | Free Download Game dan Software - Powered by Blogger
Template by Mas Sugeng - Versi Seluler