HTML

Cara Menciptakan Breadcrumbs Pada Postingan Artikel

Cara Membuat Breadcrumbs Pada Postingan Artikel Cara Membuat Breadcrumbs Pada Postingan Artikel
Cara Membuat Breadcrumbs pada postingan artikel tolong-menolong sangat mudah. Breadcrumbs ini yakni sebuah teknik yang mulai menjadi demam isu semenjak tahun 2009. Breadcrumbs atau "remah roti" yakni istilah yang sering dipakai oleh orang barat untuk hal-hal yang membantu mereka menelusuri posisi mereka dari suatu titik awal.

Banyak pelaku SEO meyakini bahwa teknik breadcrumbs ini membantu googlebot untuk lebih cepat mengenali struktur dari blog, alasannya halaman-halaman yang berada pada hirarki atas akan menerima lebih banyak anutan poin dibandingkan halaman-halaman yang lebih di bawah hirarki.

Secara teknis saya meyakini bahwa teknik breadcrumbs ini membawa dampak faktual bagi SEO, alasannya bagaimana pun link antar halaman itu selalu memberi dampak faktual dalam anutan pagerank. Bagi yang ingin memasang breadcrumbs sanggup mengikuti mekanisme berikut:
  • Masuk ke akun blogger saudara
  • Pilih hidangan TEMPLATE
  • Simpan dulu Full Template saudara dengan mengklik tombol Cadangkan/Pulihkan
  • Klik tombol EDIT HTML
  • Buka semua instruksi template. Caranya, klik di sembarang daerah di dalam kode. Tekan CTRL+A, kemudian tekan CTRL+C, kemudian tekan DEL, dan terakhir paste dengan menekan CTRL+V.... Semua instruksi akan terbuka penuh....
  • Klik di antara instruksi HTML, kemudian tekan CTRL+F untuk membuka kotak pencarian. Cari instruksi ]]></b:skin
  • Letakkan instruksi di bawah ini sempurna di atas instruksi ]]></b:skin> tadi
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Setelah itu cari instruksi menyerupai di bawah:
<b:includable id='main' var='top'>
  • Ganti instruksi di atas dengan instruksi di bawah
<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'/>
  • Simpan Perubahan. Breadcrumbs akan terlihat menyerupai teladan berikut (lihat gambar di bawah)
Cara Membuat Breadcrumbs Pada Postingan Artikel Cara Membuat Breadcrumbs Pada Postingan Artikel
Dengan demikian selesai sudah pemasangan breadcrumbs pada halaman-halaman artikel blog saudara.

Subscribe to receive free email updates:

0 Response to "Cara Menciptakan Breadcrumbs Pada Postingan Artikel"

Posting Komentar