How to fix breadcrumbs issues in blogger?

How to fix breadcrumbs in google search console

• Because the Blogger theme does not have breadcrumbs, it's possible you're using a third-party theme or code. Because Blogger Help Community does not handle 3rd party themes, you will need to contact your 3rd party theme provider for additional assistance. They can assist you in resolving your problems.

Breadcrumbs Error: 

• Breadcrumbs assist users to navigate the website by indicating which pages are available. If we didn't use the Google algorithm to optimize your theme.

How to Resolve the Breadcrumbs Problem?

First Method without "using code".

When a breadcrumb error warning arises after submitting a new URL in the GSC (Google Search Console), the Html structure on the blogger template must be changed using the following method:

Find the following line of code in your Blogger template:

<div class='breadcrumbs' id='breadcrumbs'> <div id='bread-crumbs'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home </span></a></span> &#187; <b:loop values='data:post.labels' var='label'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=15&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast != &quot;true&quot;'/> &#187; </span> </b:loop><span><data:post.title/></span> </div></div>

Replace the line of code above with the following code:

<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'> <span itemprop='name'>Home</span></a> <meta content='1' itemprop='position'/> </span><i class='fa fa-caret-right'/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop index='num' values='data:post.labels' var='label'> <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:label.url' expr:title='data:label.name' itemprop='item'> <span itemprop='name'><data:label.name/></span> </a> <meta expr:content='data:num+2' itemprop='position'/> </span> <b:if cond='data:label.isLast != &quot;true&quot;'><i class='fa fa-caret-right'/></b:if> </b:loop> <b:else/> Unlabelled </b:if> <i class='fa fa-times'/><span><data:post.title/></span> </b:loop> </div>

Then, check the URL with the following testing tool:

1. https://search.google.com/structured-data/testing-tool/u/0/
2. Go to the Rich Results Test

Enter affected code here

     3. Enter your URL affected by breadcrumbs issues
     4. And then test URL and VALIDATE FIX.

Then do the validation in GSC (Validate Fix) where the info "Validation started [date/month/year] will appear. 

To see details, click [See Details]. Validation status will appear: Pending, Passed, Failed, and Other.

Second Method without using any code