How to add social media share buttons to blogger posts [Rounded Buttons]

In this newsletter i can tell you a way to add rounded share buttons to blogger blogspot. i have already brought these share buttons in my weblog; you can test it for a demo. i've introduced share buttons like fb, twitter, google plus, Pin & whatsapp. in case you need greater proportion buttons then advise me i will add more percentage buttons. i have furnished below Html & Css codes. simply upload these codes cautiously. So comply with the under steps to feature those proportion buttons on your weblog.

Steps to feature rounded share buttons to blogger:

[Before modifying codes first take a backup of your blogger template. because if you may do any mistake then you can repair it]

First login to Blogger, then click on [Theme button].
Now click on Backup/repair on pinnacle of the web page & download your template.

Now click on on Edit Html.

click on anywhere in the code location & press for Ctrl+F key. you may get a searchBox.

Now input <head>  in searchBox and search it.

Then copy & paste the below codes after <Head> the  tag.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>

7. Now search for  </Head> and paste the before </head> tag CSS codes.
CSS Codes:



upload share buttons coding under post footer:

Now look for this code  <div class='post-footer'>  and paste the Html codes below the above codes. again search for the above code; in case you find again the copy and paste the Html codes again after the above codes.

in case you can not locate these codes on your template then look for this code <div class='post-footer-line post-footer-line-1'>  and copy and paste the Html codes underneath the codes. once more search for the above code; if you locate those code line again; then reproduction and paste the Html codes below the above codes.

HTML Code




Now goto Html part codes; that you have added in your theme and add your twitter name in place of my twitter user name @raidastgeer

Then save your theme
                                                                Share button 


TAG
Author Avatar

DastgeerTech is my fantasy blog, here on my blog I share articles identified with Technology,SEO and Online Earning. I began this blog on 2016 to share my insight about Technology and blogging.