title: Show search result URL as breadcrumb
body: <p>I need to display the URLs in a list of search results in a breadcrumb style (i.e. such as Google does - <a href="https://developers.google.com/search/docs/data-types/breadcrumbs" rel="nofollow noreferrer">Google Breadcrumbs</a>), and have limited knowledge of JavaScript (and haven't touched it in nearly two years).  Can you help me please?  I can apply the code if it's provided with clear instruction, and am very comfortable with HTML and CSS, but have not attempted to create breadcrumbs without lists before.</p>
  
  <p>Where do I start?</p>
  
  <p>Input would be page's URL (class is .slimBreadcrumbLink) - e.g. <a href="https://www.example.com/level1/level2/level3/level4" rel="nofollow noreferrer">https://www.example.com/level1/level2/level3/level4</a> - and output would be as below:</p>
  
  <p>Level 2 > Level 3 > Level 4</p>
  
  <p>I haven't tried anything of significance yet, I'm starting here.  I've read through the other breadcrumb questions posed, but it's not helped so far.  I found the below but don't know how to implement it.</p>
  
  <pre><code>var path = location.pathname;
  
  var here = location.href.split('/').slice(3);
  
  var parts = [{
    "text": 'Home',
    "link": '/'
  }];
  
  for (var i = 0; i &lt; here.length; i++) {
    var part = here[i];
    var text = part.toUpperCase();
    var link = '/' + here.slice(0, i + 1).join('/');
    parts.push({
      "text": text,
      "link": link
    });
  }
  </code></pre>
  
  <p>Thank you.</p>