Cara Membuat Breadcrumbs Seo Friendly Di Blog
Cara Membuat Breadcrumbs Di Blog - Sobat Blog Rizqi yang setia, sekarang saya akan posting sebuah tutorial blog yang pastinya sudah tidah asing lagi di telinga kalian, yaitu cara membuat Breadcrumbs. Postingan kali ini sekalian juga buat pengingat saya kalo lupa gimana caranya. Langsung aja comot nih tutorial..
1. Login ke Blogger.com
2. Masuk ke Template > Edit HTML
3. Centang Expand Template Widget
4. Lalu cari kode
5. Pasang kode dibawah ini diatas kode tadi
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> »
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>6. Cari kode
7. Letakkan kode berikut diatas kode tadi
<b:include data='posts' name='breadcrumb'/>8. Terakhir cari kode
9. Letakkan kode berikut diatas kode tadi
.breadcrumbs {padding: 5px;color: #2c3e50;margin: 0 5px 5px 5px;background: #fff;}
.breadcrumbs a{color:#2c3e50;}10. Simpan Template
Catatan : Pada langkah No.6 biasanya ada dua kode yang sama, letakkan saja kodenya pada keduanya.
Sekian tutorial dari saya kurang lebihnya mohon maaf. Baca juga artikel tentang Cara Membuat Dynamic Heading Di Blog.
Terimakasih sudah berkunjung dan membaca artikel mengenai Cara Membuat Breadcrumbs Seo Friendly Di Blog yang diposting oleh Rizqi Fadhillah pada hari Jumat, 18 Juli 2014. Kritik dan saran dapat anda sampaikan melalui kotak komentar.jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini di web broswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda. 
Rizqi Fadhillah dan lebih dikenal dengan panggilan IKI memulai kegiatan Blogging sejak tahun 2013 hingga sekarang. saya hanyalah seorang pelajar biasa, saya bergabung di dunia blogger karena menurut saya itu mengasyikkan, saya hanyalah blogger pemula yang ingin membagikan yang saya ketahui untuk anda semua...
dan saya juga bukan ulama bukan kiai bukan ustadz bukan dai apalagi haji, saya jomblo! Cowok baik-baik dari jam 08.00-22.00. Selanjutnya terserah anda | egois | childish | bego | tolol | keras kepala | cuek | emosian | berengsek | loser | bicara bila perlu | itu gue, lo ?
2 Responses to "Cara Membuat Breadcrumbs Seo Friendly Di Blog"
Mantappp breadcrumb nya gan
jadii kebaca dehh Di Gugel
iya gan ..emang jos |o| soalnya sudah di tested :D
Catatan:
• Dilarang menulis link aktif!
• Dilarang ngiklan di kolom komentar!
• Untuk menyisipkan kode pendek, gunakan tag <i rel="code"> ... KODE ... </i>
• Untuk menyisipkan kode panjang, gunakan tag <i rel="pre"> ... KODE ... </i>
• Untuk menyisipkan catatan, gunakan tag <b rel="quote">.. TEKS ... </b>
• Untuk menyisipkan gambar, gunakan tag <i rel="image"> ... URL GAMBAR ... </i>
Sebelum menyisipkan kode silahkan gunakan Tool Konversi Kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Emoticon