Template Seo Friendly Part 3

Bookmark and Share
Selanjut nya di Hari yang ketiga.setelah sobat sudah melihat posting part 1,part 2.saatnya sobat melihat part 3 di bawah ini :
Part 3 : Memasang Breadcrumbs
Breadcrumbs adalah membuat menu navigasi berurutan di atas artikel posting.Merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori posting suatu blog.Disamping itu dari segi seo(search engine optimization),Google sudah support/mendukung breadcrumb ini. Berikut sobat bisa lihat langkah - langkah cara membuat breadcrumbs di bawah ini :

·  Pertama,pastikan sobat sudah membuat label pada blog
·  Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
·  Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

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

·  Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.

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

<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
  <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>

·  Kemudian,cari lagi kode berikut:

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

·  Jika sudah ketemu,letakkan kode dibawah ini tepat diatasnya.

<b:include data='post' name='breadcrumbs'/>
Nah,sekarang cari kode ]]></b:skin>,jika sudah ketemu letakkan barisan kode css breadcrumb dibawah ini tepat diatasnya.
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}
Kemudian simpan template dan menu navigasi breadcrumbs ini hanya akan terlihat diatas artikel anda atau dibawah judul blog anda saat anda membuka halaman suatu posting bukan halaman utama blogspot anda. Selamat mencoba sobat....selanjut nya sobat baca                                Part 4 : Memasang Related Post



Related Articles



{ 3 komentar... Views All / Send Comment! }

Lala Nirmala said...

Saya juga baca artikel dari anda mengenai :

obat pemutih gigi alami
obat wasir berdarah
obat herbal asam urat
celana dalam hernia
vimax canada original
obat herbal pelangsing badan
obat herbal kesehatan
jual game pc murah

selvia said...

Agen Judi Online
Daftar Agen Bola Online
Agen Bola Terbaik
Agen Judi Bola
Agen Judi Kasino
Bale dan Ronaldo Bolos Sesi Latihan Madrid
Llorente: Zidane Pelatih Terbaik untuk Madrid
Bintang Muda Madrid Ngebet Main di Timnas Spanyol
Hugh Hefner, Pendiri Playboy Meninggal Dunia
Panglima Ungkap Pembicaraannya dengan Presiden Jokowi

Unknown said...

Anda mencari BO terbaik dan terpecaya
bergabung saja di Togel Pelangi Bandar Togel Terbaik dan Terpecaya
Info lebih lanjut silakan hbungi CS kami...
Telp : +85581569708
BBM : D8E23B5C
Line : togelpelangi
Link: http://www.togelpelangi.com/

Post a Comment