» Di sini saya akan menuliskan 2 Versi, kamu tinggal pilih Versi yang mana yang kamu inginkan.
Versi Pertama Melalui Edit HTML "A" :
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.
1. Klik Template.
2. Klik Edit HTML.
3. Klik Di Dalam Kotak Template Kamu.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).
» Cari kode : <b:includable id='post' var='post'>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di bawahnya.
<em>Kamu Di : <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> » </b:if>
</b:loop>
</b:if> » <a expr:href='data:post.link'><data:post.title/></a></em>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-breadcrumb-di-blog.html" target="_blank">Cara Membuat Breadcrumb Di Blog</a></small>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> » </b:if>
</b:loop>
</b:if> » <a expr:href='data:post.link'><data:post.title/></a></em>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-breadcrumb-di-blog.html" target="_blank">Cara Membuat Breadcrumb Di Blog</a></small>
Keterangan :
- Warna red adalah teks, silahkan kamu ganti dengan selera yang kamu mau.
Catatan :
- Breadcrumb ini tidak dilengkapi dengan "Garis Batas/Border" di dalam artikel blog kamu.
5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.
Versi Kedua Melalui Edit HTML "B" :
Oke saya rasa tidak perlu panjang lebar, ayo di mulai...
Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.
Ikutilah langkah-langkah di bawah ini :
Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.
1. Klik Template.
2. Klik Edit HTML.
3. Klik Di Dalam Kotak Template Kamu.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).
» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #00ff00;
}
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #00ff00;
}
Keterangan :
- Warna purple adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
- Agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini
» Cari kode : <b:includable id='post' var='post'>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di bawahnya.
<div class='breadcrumbs'>
Kamu Di : <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> » </b:if>
</b:loop>
</b:if> » <a expr:href='data:post.link'><data:post.title/></a>
</div>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-breadcrumb-di-blog.html" target="_blank">Cara Membuat Breadcrumb Di Blog</a></small>
Kamu Di : <a expr:href='data:blog.homepageUrl'>Home</a> » <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 != "true"'> » </b:if>
</b:loop>
</b:if> » <a expr:href='data:post.link'><data:post.title/></a>
</div>
<small><a href="http://tutorial-blog-eno.blogspot.com/2014/10/cara-membuat-breadcrumb-di-blog.html" target="_blank">Cara Membuat Breadcrumb Di Blog</a></small>
Keterangan :
- Warna red adalah teks, silahkan kamu ganti dengan selera yang kamu mau.
Catatan :
- Breadcrumb ini dilengkapi dengan "Garis Batas/Border" di dalam artikel blog kamu.
5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.
Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat.
█████████████████████████████████████████████████████████████████
Jangan Lupa Like, Comment & Share Artikel Ini Ya » Terima Kasih Atas Kunjungannya » Salam : Eno Sutrisno
Ditulis Oleh : Tutorial Blog Eno » Di Sini Adalah Inspirasi Untuk Sobat Blogger Semua.
Saat ini kamu sedang membaca artikel tentang Cara Membuat Breadcrumb Di Blog. silahkan kamu Copy-Paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link di bawah ini sebagai sumbernya. INGAT : saling menghargai kreatifitas sesama sobat blogger oke.
/bawi
/bo
/gawi
/!
/?
/...
/$
/ho
/lv
/swt
/ic
/an
/ag
/thx
/heh
/wah
/sry
/hmm
/no1
/ok
/omg
/oh
/X
/hlp
/go
/sob
/gg
/kis
/pif
/rice
/meh
/shy
/slur
/com
/yawn
/grat
/fsh
/spin
/sigh
/dum
/otl
/hum
/abs
/oops
/spit
/ene
/panic
/whisp
Tidak ada komentar:
Posting Komentar
███████████████ Peraturan Berkomentar Di Blog Ini :
» Berkomentarlah dengan baik dan sopan.
» Dilarang spam, SARA, pornografi, junk, dan sebagainya.
» Jangan membuat keributan/kekacauan.
» Jangan mencantumkan LIVE LINK di komentar ini.
» Kalau kamu ingin copy-paste dari blog ini ke blog kamu (harap cantumkan LINK SUMBERNYA).
» Jika kamu melanggar salah satu peraturan tersebut, maka komentar kamu akan saya hapus dari blog ini.
███████████████ Terima kasih atas pengertian, kunjungan dan pesannya.
» Pengunjung yang baik itu adalah yang meninggalkan komentar, walaupun itu hanya ucapan "Terima Kasih".