Tutorial : Memasang BreadCrumb Pada Blog

بسم الله الرحمن الرحيم

Pada entri ini, saya ada beritahu kepada anda bahawa META TAG dan BREADCRUMB sangat penting dalam membuat blog yang mesra SEO. Ramai yang bertanyakan tentang cara buat meta tag dan breadcumb. Tutorial cara pasang meta tag telah pun saya buat di entri ini. Kali ini, saya akan buat tutorial cara pasang breadcumb pula.

Gambar di atas adalah contoh breadcumb

Breadcumb adalah barisan link pautan di atas post atau di bawah post yang memudahkan pengunjung blog  untuk meng-navigasi ke halaman sebelumnya dengan cepat. Breadcumb penting supaya blog anda mudah berada di SERP (Enjin Pencarian). Ikuti langkah demi langkah untuk memasang breadcumb di bawah. Breadcumb ini dari blog indonesia. Terbaik punya!

Langkah 1

Klik Design > Edit HTML > Tick pada Expand Widget Template > Tekan CTRL+F dan satu kotak di atas akan muncul. Sila taip kod ini --> ]]></b:skin>

Langkah 2

Copy kod di bawah dan paste sebelum/di atas ]]></b:skin>

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

Langkah 3 

Kali ini cari kod ini pula --> <b:includable id='main' var='top'>

Langkah 4

Copy kod di bawah dan paste sebelum/di atas <b:includable id='main' var='top'>

<b:includable id='breadcrumbs' var='post'>    <!-- Breadcrumbs By Warung Seo http://kutak-ketik.blogspot.com -->    <b:if cond='data:blog.pageType == &quot;item&quot;'>    <p class='breadcrumbs'>    <span class='post-labels'>    <b:if cond='data:post.labels'>    Go&#160; :    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;    <b:loop values='data:post.labels' var='label'>    <b:if cond='data:label.isLast == &quot;true&quot;'>    <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>    </b:if>    </b:loop>    <b:if cond='data:post.title'>    &gt; <b><data:post.title/></b>    </b:if>    </b:if>    </span>    </p>    </b:if>    <!-- End of Breadcrums Hack -->    </b:includable>

Langkah 5

Akhir sekali, cari kod ini pula --> <b:loop values='data:posts' var='post'>

p/s : mungkin ada 2 atau 3 kod yang sama. Pilih hanya yang PERTAMA sahaja

Langkah 6

Copy kod di bawah dan paste DI BAWAH <b:loop values='data:posts' var='post'>

<b:include data='post' name='breadcrumbs'/>

Save Template

KaDaNg-KaDaNg Allah HiLaNgkAn SeKeJaP MaTaHaRi KeMuDiAn DiA dAtAnGkAn PuLa GuRuH dAn KiLaT,PuAs KiTa MeNcArI Di MaNa MaTaHaRi,RuPa-RuPaNyA Allah InGiN MeNgHaDiAhKaN kItA PeLaNgI yAnG iNdAh ~

ORIGINAL MUHAMMAD SHAHRIL® █║▌│█│║▌║││█║▌║▌║ Verified Official by Blogspot