Translate

Cara pasang breadcrumbs di blog

Posted by Christian Lawendatu Monday, October 21, 2013 0 komentar

Cara pasang breadcrumbs di blog

Cara Optimalisasi SEO On Page dapat dilakukan juga dengan memasang breadcrumbs di blog. Berikut tutorial Cara Pasang Breadcrumbs di Blog:

Cara pasang breadcrumbs di blog

Masuk ke blog Anda dan Login dengan akum Google Anda, pilih blog yang akan di pasang breadcumbs.

Cara pasang breadcrumbs di blog

 Di Laman berikut, pilih Template.

Cara pasang breadcrumbs di blog

 Pilih Edit HTML

Cara pasang breadcrumbs di blog

Di Laman Edit HTML, untuk memudahkan pengeditan, gunakan Ctrl + A (blok semua bagian), kemuadian gunakan Ctrl + C (membuat salinan semua bagian yang di blok tersebut), tekan Delete, dan terakhir gunakan Ctrl+V. Dengan demikian semua bagian di Laman Edit Template akan terbuka.
Gunakan Ctrl+F, dan cari kode ]]></b:skin>. Setelah kode tersebut Anda temukan, salin kode HTML berikut tepat diatas kode HTLM ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}


Selanjutnya kosongkan kotak Search (Ctrl+F) dan gunakan kotak tersebut untuk mencari kode berikut: 
<b:includable id='main' var='top'>. Ganti (Hapus)kode tersebut dan ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType == &quot;static_page&quot;'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'  rel='tag'>Home</a></span> &#187;  <span><data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- breadcrumb for the post page --><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'>&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title'
rel='v:url'><data:label.name/></a></span></b:loop>&#187; <span><data:post.title/></span></div><b:else/><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187;
<span><data:post.title/></span></div></b:if></b:loop><b:else/><b:if cond='data:blog.pageType == &quot;archive&quot;'><!-- breadcrumb for the label archive page and search pages.. --><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span></div><b:else/><b:if cond='data:blog.pageType == &quot;index&quot;'><div class='breadcrumbs'><b:if cond='data:blog.pageName == &quot;&quot;'><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span><b:else/><span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span></b:if></div></b:if></b:if></b:if></b:if></b:if></b:includable><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>


Cara pasang breadcrumbs di blog

Terakhir klik Simpan Template. Hasilnya seperti gambar di bawah ini:

Cara pasang breadcrumbs di blog

Demikian tutorial Cara pasang breadcrumbs di blog. Dengan demikian di setiap postingan Anda sekarang telah terpasang breadcrumbs.


Sumber:
http://trikmudahseo.blogspot.com/2012/10/cara-membuat-breadcrumbs-pada-postingan.html dan berbagai sumber lain di internet ( diakses 21/10/2013)

TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara pasang breadcrumbs di blog
Ditulis oleh Christian Lawendatu
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://westjava27.blogspot.com/2013/10/cara-pasang-breadcrumbs-di-blog.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Post a Comment



Google+ Followers

Sponsor Toko Online Westjava27 | Copyright of westjava27 .

Labels