Home » XtGem » Tips and code snippets » [Ask] How to create breadcrumb link?
*Login to reply · From end
* Afrizal How to create breadcrumb link like this on xtblog?
[quote]Home » (Tag of post) » Title of blog[/quote]
please anyone tell me!
2015-12-22 05:29 · (0)
* AH-SID * Afrizal May be like this?

<a href="/">Home</a> &raquo; {% for tag in data.post.tags %}<a href="{{ tag.url }}">{{ tag.name }}</a> &raquo; {% endfor %}<span>{{ data.post.title }}</span>
Copy code


Make sure the post has a tag.
2015-12-22 14:06 · (0)
* Afrizal * AH-SID thank you so much.. working
2015-12-22 16:25 · (0)
* CloudVibe Use this
<style>
.ptp{margin:1px;background:#fff}
.ptp span{color:#000;margin-left:1px;display:inline-block;padding:2px;font-weight:bold}
.ptp span a{background:#d20808;color:#fff;padding:2px;margin-right:2px}
</style>
<script id="ptp">
var ed=document,ep=location.pathname.slice(1),epa=ep.split("/"),ediv=ed.createElement("div"),dp=ed.getElementById("ptp"),el=epa.length-1;ediv.className="ptp";
//Home Link
var hc=ed.createElement("span"),hl=ed.createElement("a"); hl.href="/";
hl.appendChild(ed.createTextNode("Home"));hc.appendChild(hl);ediv.appendChild(hc);
for(i=0;i<el;i++){var espan=ed.createElement("span");
var ea=ed.createElement("a");
(function(e){var i=0;epl="";for(i=0;i<e+1;i++){epl+="/"+epa[i];}}(i));ea.href=epl;
ea.appendChild(ed.createTextNode(epa[i]));
espan.appendChild(ea);
ediv.appendChild(espan);}
//Active Page
var ac=ed.createElement("span");
ac.appendChild(ed.createTextNode(ed.title));
ediv.appendChild(ac);
dp.parentNode.insertBefore(ediv,dp);
//Set Dividers
var evid=ed.querySelectorAll("div.ptp span a");
for(i=0;i<evid.length;i++){var edtxt=ed.createTextNode("»");evid[i].parentNode.appendChild(edtxt);}
</script>
Copy code
2016-12-06 00:25 · (0)
* Kayaba_Akihiko * AH-SID Mantap pak :)
2017-04-01 10:47 · (0)
* mob100psycho * AH-SID i use this but its messy because theres many tags in my blog post? how can i inlcude only the previous tag i visited?
2017-04-06 12:21 · (1)
Home » XtGem » Tips and code snippets » [Ask] How to create breadcrumb link?
Online: Guests: 1