Rabu, 26 Desember 2012

Panduan Cara Membuat Breadcrumb Blog Sederhana

Cara Membuat Breadcrumb Blog - Setelah membaca dan mengetahui apa fungsi breadcrumb blog, tentunya anda ingin membuat breadcrumb blog yang sama seperti yang ada di artikel blog ini. seperti penjelasan pada artikel sebelumnya, Breadcrumb merupakan link navigasi dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman utama (home). Pertanyaannya. pentingkah breadcrumb blog digunakan? Penting, silahkan baca cara mengetahui breadcrumb blog terbentuk dan fungsi breadcrumb.

Panduan Cara Membuat Breadcrumb Blog Sederhana

Jadi, berikut cara membuat breadcrumb blog sederhana
  1. Masuk ke akun Blogger anda
  2. Klik Template >> Edit HTML >> centang Expand Widget Template >> tekan Ctrl+F pada keyboard
  3. Cari kode ]]></b:skin>
  4. Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
    .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef}
  5. Cari kode seperti ini : <div class='post hentry'>
  6. Letakkan kode berikut ini tepat setelah atau sebelum kode <div class='post hentry'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>
  7. Simpan template
Kenapa saya membuat judul dengan breadcrumb blog sederhana? Karena tampilan dari breadcrumb ini menampilkan semua tag, label, atau keyword yang digunakan sehinggan tampilannya akan seperti yang ada di gambar diatas (lingkaran merah) dan jika anda ingin membuat breadcrumb blog seperti breadcrumb artikel ini, baca di Cara Membuat Breadcrumb Khusus. Okey, terimakasih, sekian dulu cara membuat breadcrumb blog sederhana

Panduan Cara Membuat Breadcrumb Blog Sederhana Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni

9 komentar:

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia