Cara Membuat Breadcrumb

Saat mencari tutorial SEO Blogger, ada yang mengharuskan Membuat Breadcrumb di Blog, Nah setelah dicari-cari ternyata ketemu, tapi saat men...

Breadcrumb

Saat mencari tutorial SEO Blogger, ada yang mengharuskan Membuat Breadcrumb di Blog, Nah setelah dicari-cari ternyata ketemu, tapi saat mencari gambar, kan penasaran kalau tidak ada gambarnya, eh malah nemu kaya gambar di atas. Ternyata Breadcrumb ada juga selain trik blogger. Malah makanan, hi hi hi, baru tau, 

Sebenarnya apasih breadcrumb? saya sendiri belum begitu paham arti dan fungsi breadcrumb itu sendiri. Penting apa gak sih breadcrumb ini bagi blogger? Kalau saya sendiri breadcrumb ini tidak terlalu penting bagi blog, karna hanya menunjukkan urut-urutan dimana artikel kita berada. Sebagai contoh home, (label blog kita) trus halaman posting. Gak penting kan, Tapi kata master2, breadcrumb ini sangat penting untuk menunjang SEO blog kita agar lebih enak di akses oleh google atau search engine lain.

Ada banyak cara membuat breadcrum ini, baik silakan pilih saja dari 2 cara berikut :

# Cara pertama

1. Login ke blogger.com
2. Klik Tata Letak.
3. Pilih tab Edit HTML
4. Click Download Full Template and
please back up your template first.
5. Kemudian beri tanda centang
pada kotak kecil di samping
tulisan Expand Template Widget.
6. Silahkan cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah
ini persis di atas kode
]]></b:skin>

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

8. Silahkan cari kode berikut pada
template anda :
<div class='post hentry uncustomized-post-template'>

9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

10. Kemudian Save Template.

# Cara Kedua
Cara ini yang paling simpel :
Cari kode 
<b:if cond='data:post.title'> (dan semoga ada, He)

Lalu tambahkan kode berikut, tepat dibawahnya kode tadi


<b:if cond='data:blog.pageType == "item"'>
<a href='http://buwel.blogspot.com/'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>

Dan tinggal ganti alamat http://buwel.blogspot.com diatas dengan alamat blog anda
trus klik simpan templet dan selesai.
Nah, seperti itu Cara Membuat Breadcrumb, semoga bermanfaat


Thanks to :
http://abdulroqib.blogspot.com/2009/11/cara-membuat-breadcrumb-navigation.html

http://cah-cikrik.blogspot.com/2010/04/cara-membuat-navigasi-breadcrumb-versi.html
Name

About US,1,activate,1,ADDMEFAST,1,AdLinkFly,1,Adsense,2,ANALISA WEB,1,android,1,Artikel,11,Backlink,5,Backlinks,18,Backup,1,Best 140+ Do-follow Web 2.0,1,Best 59+ Free Ping Submission Sites For Faster Indexing,1,Best High DA Dofollow Blog Commenting,1,BIN,1,Blog,2,Blog Design,2,Blogger,1,Bounce Rate,1,CDN,1,Copy Artikel,1,cPanel,1,crack,2,Desain,1,DIGITAL MARKETING,1,Disposable E-mail Free,1,domain,1,DropMyLink,1,Dunia Kampus,1,EDU BACKLINKS,5,Express Vpn Premium Account,1,FAQ SCHEME PAGE,1,followers tool,1,Footer,1,free,1,Free Image Submission Sites,1,Free Profile Creations Sites List 2020-2021,1,Free Video Submission Sites List 2020-2021,1,Gmail,1,Google,3,GOOGLE ADS,1,Google Adsense,1,GOOGLE ANALYTICS,1,google drive,2,Google My Business Customer Reviews,1,GOOGLE SEARCH ENGINE,1,GoogleNews,1,Header,3,High Authority Blog Submission Sites List,1,High DA/PA PPT Submission Sites List 2020-2021 for SEO,1,hosting,1,Hotstar Premium,1,How To,1,How to Activate,3,HTML,5,IDM,1,Info Blog,11,Info Google,13,Inspirasi,5,Instagram,2,Instagram Likes,1,Jejaring Sosial,12,JNews,1,JSON-LD,1,Kapita Selekta,3,Komentar,8,Kurikulum 2013,2,Label,3,Link,14,Lynda.com,1,MENINGKATKAN SEO WORDPRESS,1,Menu,2,MICRODATA SEO,1,MyThemeShop,1,Netflix Accounts,1,News,38,newsmag,1,newspaper,1,Noor theme,1,Nord Vpn Premium Account In April 2020,1,NORD VPN PREMIUM ACCOUNTS,1,On Page SEO,8,online shop,1,Opini,10,Page Speed,1,Pagerank,8,PDF Submission,3,PDF Submission Sites,1,Pembelajaran,4,Pixelyoursite,1,plugin,1,plugins,2,post views,1,Posting,10,Privacy Policy,1,Produk,1,PVANISH PREMIUM ACCOUNT,1,RSS,1,RSS Feed Submission Sites List 2020-2021,1,Schema,1,Search Engine,4,SEARCH QUALITY RATERS,1,Secret Hacks,1,SEF,8,seo,93,SEO WORDPRESS,1,Settings,1,Shopping,1,Shortcode,1,Sidebar,2,Spotify,1,Spotify Premium Accounts,1,tagdiv,1,Template,9,themes,2,Tips,2,Tips & Tricks,3,TIPS DAN TRIK,2,Tokoh,1,Tools,10,Tricks,9,Trik,1,Web 2.O Sites List 2020,1,Web Hosting,2,Webmaster Tools,5,Website,3,Widget,10,wordpress,13,WORDPRESS & WOOCOMMERCE TUTORIALS,1,WP Rocket,1,youtube,1,
ltr
item
Trik.My.ID - Trik dan Tips Untuk Semuanya: Cara Membuat Breadcrumb
Cara Membuat Breadcrumb
http://2.bp.blogspot.com/-Rkuv92QdrbQ/Teu0M3lrwQI/AAAAAAAAAAY/vlUaWs6NoFc/s320/Breadcrumbs_Herb_Garlic_200gms.JPG
http://2.bp.blogspot.com/-Rkuv92QdrbQ/Teu0M3lrwQI/AAAAAAAAAAY/vlUaWs6NoFc/s72-c/Breadcrumbs_Herb_Garlic_200gms.JPG
Trik.My.ID - Trik dan Tips Untuk Semuanya
https://www.trik.my.id/2011/06/cara-membuat-breadcrumb.html
https://www.trik.my.id/
https://www.trik.my.id/
https://www.trik.my.id/2011/06/cara-membuat-breadcrumb.html
true
3610684226484108978
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content