Blog Artikel
Select Menu
  • Home
  • Blogging
    • Articles
    • Legends
    • Google Adsense
    • Bussiness
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
Home » Tips SEO » Cara Memasang breadcrumb di blog blogspot

23 May 2012

Cara Memasang breadcrumb di blog blogspot

2 Comments
Tips SEO
23 May 2012
Cara Memasang breadcrumb di blog blogspot... Langsung cek disini

Breadcrumb adalah sebuah alat navigasi yang akan sangat membantu pembaca blog blogspot anda. Pada saat pembaca berada di halaman sebuah portingan, breadcrumb akan menunjukkan di mana dia sedang berada dan hubungan antara postingan tersebut dengan labelnya. Lihat gambar di bawah ini:

Kalau kurang jelas, silakan ikuti saja dan install breadcrumb di blog anda. Anda akan melihat hasilnya seketika.
  1. Masuk ke kode HTML template blog blogspot anda, dan cari kode ini: ]]></b:skin>. Gunakan Ctrl + F atau bisa juga dengan F3 untuk mencarinya.
  2. Kalau sudah ketemu, ganti kode tersebut dengan kode di bawah ini:

    .breadcrumbs {
    padding:5px 5px 5px 0px;
    margin: 0px 0px 15px 0px;
    font-size:95%;
    line-height: 1.4em;
    border-bottom:3px double #e6e4e3;
    }
    ]]></b:skin>
  3. Sekarang cari lagi kode ini: <b:include data='top' name='status-message'/> dan ganti dengan kode di bawah ini:

    <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/>
  4. Berikutnya yang mau diganti adalah <b:includable id='main' var='top'>. Penggantinya adalah:

    <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'>
    <!-- No breadcrumb on home page -->
    <b:else/>
    <b:if cond='data:blog.pageType == "item"'>
    <!-- breadcrumb for the post page -->
    <p class='breadcrumbs'>
    <span class='post-labels'>
    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <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:else/>
    »Unlabelled
    </b:if>
    » <span><data:post.title/></span>
    </b:loop>
    </span>
    </p>
    <b:else/>
    <b:if cond='data:blog.pageType == "archive"'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <p class='breadcrumbs'>
    <span class='post-labels'>
    <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
    </span>
    </p>
    <b:else/>
    <b:if cond='data:blog.pageType == "index"'>
    <p class='breadcrumbs'>
    <span class='post-labels'>
    <b:if cond='data:blog.pageName == ""'>
    <a expr:href='data:blog.homepageUrl'>Home</a> » All posts
    <b:else/>
    <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
    </b:if>
    </span>
    </p>
    </b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
    <b:includable id='main' var='top'>
  5. Save template anda yang sudah ada kode breadcrumb-nya. Mau preview sekarang? Jangan lupa mengklik salah satu postingan yang ada untuk melihat breadcrumb beraksi.

    Bagaimana? Berhasil?
Suka Artikel? Bagikan: Facebook Twitter Google+

2 Comments

avatar
Balas
Anonymous delete 12 July 2013 at 23:14

Terimakasih untuk tutorial cara memasang breadcrumnya, dengan cara ini semoga cepat terindex google. Terimakasih ya...

avatar
Balas
Unknown delete 17 May 2016 at 13:04

sama-sama

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

Mengenai Saya

Unknown
View my complete profile

Entri Populer

  • The Story and Legend of Mount Bromo
    A long time ago, there lived a beautiful woman by the name Roro Anteng. She was a reknown beauty and had attracted the attention of an evil ...
  • What's Google Adsense???
    AdSense may be one of the fastest and easiest ways to monetize traffic to your web site whether you have products or services for sale or yo...
  • The Legend of Mount Tangkuban Perahu
    Once upon a time in west Java, Indonesia lived a wise king who had a beautiful daughter. Her name was Dayang Sumbi. She liked weaving ver...
  • JAGA KESEHATAN DENGAN MUSIK
    Haiiii, sobat blogger Pada postingan tulisan saya kali ini, saya mengangkat tema “JAGA KESEHATAN DENGAN MUSIK” Apa jadinya ya dunia ini ta...
  • The Making Of A Legend
    Sometimes things come together as they should. They recently have for international businessman, lawyer and philanthropist Emile E. Gouiran ...

Label

  • Articles
  • Blogging Tutorial
  • Business
  • Coding Program
  • Etika Dan Profesionalisme TSI
  • Google Adsense
  • Jarkom
  • Legends
  • Pengantar Telematika
  • Teori Organisasi Umum #2
  • Tips SEO
  • Trik n Script Ngeblog
  • Tugas Softskill

Archives

  • ► 2016 (1)
    • ► January (1)
  • ► 2014 (5)
    • ► June (1)
    • ► May (2)
    • ► March (1)
    • ► January (1)
  • ► 2013 (12)
    • ► December (1)
    • ► November (2)
    • ► June (4)
    • ► January (5)
  • ▼ 2012 (81)
    • ► November (8)
    • ► June (2)
    • ▼ May (24)
      • How To Make Blog Widget
      • How To Change Template Blogger
      • Free Blog Services Available
      • How To Creat A Blog
      • Disaat Kita Dihadapkan Pada Situasi Harus Memilih
      • Bijak Dalam Berpikir
      • Cara Memasang Meta Tag Otomatis pada artikel di Blog
      • DAFTAR ISI
      • Cara memasang tombol social bookmark di blog blogspot
      • Cara Memasang breadcrumb di blog blogspot
      • Merubah Title Blog dengan Title Postingan
      • Cara Membuat Menu Horizontal
      • Cara Membuat Menu Tab View
      • Cara Membuat Template di Blogger
      • Cara Membuat Readmore di Blog #2
      • Cara Membuat Readmore di Blog
      • Cara Pasang Flash Di Blog
      • Cara Membuat Domain co.cc
      • Cara Cepat Menaikkan Alexa rank
      • Cara Memasang banner di header blog
      • Cara Membuat Histats di Blog
      • Membuat Daftar Isi Sitemap Blog Otomatis
      • Memulai Kebajikan Dari Hal Kecil
      • Arti Dari Sebuah Kehidupan
    • ► April (43)
    • ► March (4)
  • ► 2011 (37)
    • ► December (7)
    • ► November (4)
    • ► October (8)
    • ► September (2)
    • ► August (1)
    • ► April (5)
    • ► March (6)
    • ► February (4)
  • ► 2010 (14)
    • ► December (3)
    • ► November (9)
    • ► October (2)

CHATS

Label

  • Articles
  • Blogging Tutorial
  • Business
  • Coding Program
  • Etika Dan Profesionalisme TSI
  • Google Adsense
  • Jarkom
  • Legends
  • Pengantar Telematika
  • Teori Organisasi Umum #2
  • Tips SEO
  • Trik n Script Ngeblog
  • Tugas Softskill

Label

  • Articles
  • Blogging Tutorial
  • Business
  • Coding Program
  • Etika Dan Profesionalisme TSI
  • Google Adsense
  • Jarkom
  • Legends
  • Pengantar Telematika
  • Teori Organisasi Umum #2
  • Tips SEO
  • Trik n Script Ngeblog
  • Tugas Softskill

Label

  • Articles
  • Blogging Tutorial
  • Business
  • Coding Program
  • Etika Dan Profesionalisme TSI
  • Google Adsense
  • Jarkom
  • Legends
  • Pengantar Telematika
  • Teori Organisasi Umum #2
  • Tips SEO
  • Trik n Script Ngeblog
  • Tugas Softskill
Copyright 2013 Blog Artikel - All Rights Reserved
Template by Dian Anarchyta - Powered Blogger