Fix Social Share Icons on blogger Posts 2020||pro blogging tips

Recently, Google made a number of changes to Blogger / Blogspot that made things "broken" on many sites and templates. Over the past few months we have had to adjust slides, social media widgets, and more. The most recent, effective issue of September 5, 2016 is the Community Engagement icons in our Blogger templates post.

Because our templates are based on a portion of the Blogger base code so that we can maximize the usability of their program, when they make this anonymous change, they may affect our templates. We have been very quick to respond to these issues and provide solutions where we can.

Thankfully this is a simple simple problem that is easy to solve:

1.Log in to your Blogger Dashboard

2.Navigate to Team> Customize

3.Click on the Advanced link to open the customization options.

4.Scroll down to find the CSS section and click on it.

5.A code window will open

6.Copy and paste the code below your particular template into the code window.

7.Click Orange Apply to Blog.
That is all.

Here are the codes that apply to each template:

SOPHIE

.share-buttons {position: static;min-width: 0; box-shadow:none; padding: 20px 0 0 0 !important;}
.share-buttons a:before {line-height: 32px !important;}

FELICITY, ASHLEIGH, JOLIE, PHOEBE, JUSTINE, PEYTON

.share-buttons {position: static;min-width: 0; box-shadow:none;}

VICTORIA, HEYDEN, KIERSTEN, JAYNE

.share-buttons {position: static;min-width: 0; box-shadow:none; padding: 0 !important;}

AURORA FULL

.share-buttons {min-width: 0; box-shadow:none;}

MADDISON

.share-buttons {min-width: 0; box-shadow:none; padding: 0 !important;}