Kali ini saya mau berbagi tutorian cara membuat breadcumb.
Sebenarnya udah banyak bisa dicari dimbah Google " Cara membuat Breadcumb " tapi apa salahnya ikut mencoba berbagi ilmu. Bener gak kawan???
Yuukk.. Langsung ke TKP
1. Masuk ke Blogger
2. Klik Template > Edit HTML > Lanjutkan
3. Centang Expand Template Widget
4. Cari kode
]]></b:skin>
dan simpan kode ini diatasnya:5. Cari kode.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1pxdotted #bbb;}
<b:includable id='main' var='top'>
,ganti dengan:
<b:includable id='breadcrumb'var='posts'><b:if cond='data:blog.homepageUrl !=data:blog.url'> <b:if cond='data:blog.pageType =="static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType =="item"'> <!-- 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'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url'property='v:title'rel='v:url'><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'rel='tag'>Home</a></span> »<span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType =="archive"'> <!-- breadcrumb for the label archivepage and search pages.. --> <div class='breadcrumbs'> <span><a expr:href= 'data:blog.homepageUrl'>Home</a></span> »<span>Archives for<data: blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType =="index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName ==""'> <span><a expr:href= 'data:blog.homepageUrl'>Home</a></span> »<span>All posts</span> <b:else/> <span><a expr:href= 'data:blog.homepageUrl'>Home</a></span> »<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'/>
6. Simpan Template anda.
Cukup sekian kawan semoga bermanfaat.. kalo ada kekurangan harap komen kritik dan sarannya ya :)
6 komentar
.: ane dah pernah coba, cuman belum berhasil, TQ 4 ur share...^_^
Gitu yaaa :)
Mungkin nda cocok sama template agan..
Makasih udah hadir :)
nice info kawan :). mkasih ya
Sama - sama bro jangan sungkan sungkan :D
oh terus ini harus dengan template yang seperti apa gan saya bikin scripnya muncul diatas jadi saya hapus lagi dah
Itu dari step by stepnya udah bener belum gan???
kali aja ada yg kelewat..
Posting Komentar
Alangkah bahagianya saya kalau kawan mau berbagi ilmu dan menyampaikan saran serta kritikannya