How to add breadcrumbs to Google Blogger blog template

This is how to add breadcrumbs to your Google Blogger blog template. The breadcrumbs will enable you to better inform your visitors on navigating around your Blogger blog.



Blogger template HTML code

The method here involves editing your Blogger template HTML code so make sure you have backup your template first before you proceed with the edits.
Got to edit HTML mode of your Blogger blog and follow the instructions below for the edits to add the breadcrumbs into your Blogger blog template.

Remove clutter from your footer Blogger

adds a whole load of info to your footer, such as author and time posted, that you likely don’t want displayed.
To clean up the footer all you have to do is: Go to your dashboard and select the “Layout” tab. There you will see your “Blog Post” gadget. Click “edit” on the gadget and a window will pop up. Under “Page Post Options” you have the ability to un-check (and remove) any elements.

Remove the borders around your images

This is

completely a personal preference thing, but the look most people seem to
be going for these days is sleek and clean. Removing the borders from
you images will help add to that look. To do so add this code to your Add

CSS box:


.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;

Kamiko

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

No comments:

Post a Comment