How To Add Breadcrumbs To Blogger

In January, I shared how you can add breadcrumbs navigation to your WordPress blog, I’m also a long-time Blogger user, so I thought it’d be great to share same tutorial for the Blogger users.

If you’re new to Blogger, it sounds impossible to have a breadcrumb navigation, but it’s really easy to add breadcrumbs to Blogger blog with few edits. Typical breadcrumbs look like this:

Home page > Category > Post

Navigate to your Dashboard > Template > Edit HTML. Search for the following code:

If you found the above code two times, then make sure to do the same thing with the second one. Right before above code, post the following snippet:

Now search for the following code:

And post the following code just above:

That’s it! Save the template and visit your blog posts to see the breadcrumb in action.

You can also style your breadcrumb by adding following CSS just above ]]>:

That’s it! Don’t forget to leave a comment.

4 thoughts on “How To Add Breadcrumbs To Blogger”

Leave a Comment