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 == "item"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:post.labels'> Go  : <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> > <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> <a expr:href='data:label.url' rel='tag'> <data:label.name/></a> </b:if> </b:loop> <b:if cond='data:post.title'> > <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 ~
tak berat ke guna ni ?
ReplyDeleteBlog 3 Dalam 1 Follow Sini Ye, Klik untuk Follow Balik ^^
@Blog 3 Dalam 1 x berat ponn :)
ReplyDelete