How to add social media share buttons to blogger posts [Rounded Buttons]
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.
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.
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
Send me an email when this page has been updated