Hello friends in this post i am going to tell you how to add social media share buttons to blogger blogspot. Almost every website or blog getting popular because of the social media. Social media has the ability to send more traffic to websites or blogs. The biggest and popular social media's like facebook & whatsapp plays major role to get more traffic. If you have any blog & want to add socialmedia share buttons; then i have provided simple steps; just follow these steps and add these share buttons to your blog.
In this article i will tell you how to add rounded share buttons to blogger blogspot. I have already added these share buttons in my blog; you can check it for a demo. I have added share buttons like facebook, twitter, google plus, Pin & whatsapp. If you want more share buttons then suggest me i will add more share buttons. I have provided below Html & Css codes. Just add these codes carefully. So follow the below steps to add these share buttons to your blog.
Also Read:- Steps to add custom social share buttons to blogger posts
Steps to add rounded share buttons to blogger:-
(Before editing codes first take a backup of your theme. Because if you will do any mistake then you can restore it)
1. First login to Blogger, then goto Theme.
2. Now proceed to Backup/Restore & download your file.
3. Now tap on Edit Html.
4. Inside the code area press for Ctrl+F key. You will get a search box.
5. Now enter <head> in search box and search it.
6. Then copy & paste the below codes below the <head> tag. (If you already have these codes in your theme then don't add this)
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>7. Now search for </head> & copy and paste the below CSS codes above the </head> tag.
8. I have provided two ways to add these share buttons to your blog.
If you want to Add these share buttons below your post title then follow the below steps:-
Add share buttons below post title:
Now search for this code <div class='post-header-line-1'/> & copy and paste the below html codes below the above codes. Again search for the codes if you find these codes again; then copy and paste the Html codes below the codes.
If you want to add these share buttons after your post end then follow the below steps to add these share buttons below your post footer.
Also Read: What Is Google Adsense? How to Approve Adsense Fast To Earn Money From Your Blog or website
Add share buttons below post footer:
Now search for this code <div class='post-footer'> and copy and paste the Html codes below the above codes. Again search for the above code; if you find again the copy and paste the Html codes again below the above codes.
If you cannot find these codes in your theme then search for this code <div class='post-footer-line post-footer-line-1'> and copy and paste the Html codes below the codes. Again search for the above code; if you find these code line again; then copy and paste the Html codes below the above codes.
9. Now goto Html part codes; that you have added in your theme and add your twitter name in place of my twitter user name @sandeep980blog
10. Then save your theme. Now Goto mobile theme and choose custom mobile theme in the drop down menu and save it. Now visit your blog & see how's it looking.
Share this:
Thank you for sharing! This article is very helpful and easy to understand. Have a good day!
ReplyDeleteThanks for this awesome comment. Keep visiting
ReplyDeleteThanks just added to this 2 blogs and it works. So simple www.ebusinessinfos.com
ReplyDeletewelcome
DeleteThanks for the codes but am having problem installing it on www.healthcareng.com
ReplyDeleteOk explain me the problem. I will fix it
DeleteThank you for sharing the insight! Your article is very helpful and informative. I would like to read more updates from you.
ReplyDeletesocial media marketing
Buy Instagram Followers, Buy Instagram Likes, Facebook Likes, YouTube Views, SoundCloud Plays, Twitter and Vine Followers. Super fast delivery! starting at $0.99 only Buy instagram Auto Likes
ReplyDeleteAttention all Pinterest users…here is a fantastic opportunity that I have just discovered. This company is willing to pay good money to people who know how to pin on Pinterest.
ReplyDeleteIf you have a Pinterest account and know how you use it, then this could be your lucky day. Get the full story here:
https://socialsalerep.com?hyden7218
Just wanted to let you know about a great opportunity I have just come across. This company is looking for experienced social media users for positions that pay really well.
ReplyDeleteI thought you might be interested. You can get all the details here: https://socialsalerep.com?hyden5142
How would I add these to the footer, not post footer, but the one at the bottom, so that it shares root domain and not an individual post?
ReplyDeleteHackova Digi Media is the one of the best Digital Marketing service providers in Hyderabad. We have a team of experts in all areas of Digital Marketing. Hackova Digi Media provides Search Engine Optimization (SEO), Search Engine Marketing (SEM), Social Media Marketing (SMM), and E-mail Marketing services at affordable prices.
ReplyDeletehttp://www.hackovadigimedia.com/
Awesome article! I want people to know just how good this information is in your article. It’s interesting, compelling content. Your views are much like my own concerning this subject.
ReplyDeleteJasa Followers Instagram
This comment has been removed by the author.
ReplyDeleteI am continually amazed by the amount of information available on this subject. What you presented was well researched and well worded in order to get your stand on this across to all your readers. web buttons
ReplyDeletethanks for sharing!
ReplyDeleteⲚice weblog herе! Also your web site lots up very fast!
ReplyDeleteWhat ԝeb host are you using? Can I am getting
your affiⅼiate hyperlink for your hoѕt? I desire my webѕite loaded
up as quіckly as yours loⅼ
check this link right here now : How To Lock Files When Nobody Else Will
I've been surfing online more than three hours lately, but I never found
ReplyDeleteany attention-grabbing article like yours. It is pretty worth enough for me.
Personally, if all web owners and bloggers made excellent content as you did, the web
will likely be a lot more useful than ever before.
Its like you read my mind! You appear to know a lot about this,
ReplyDeletelike you wrote the book in it or something. I think that you could do with some
pics to drive the message home a bit, but instead of that,
this is excellent blog. A great read. I'll certainly
be back.
Pretty nice post. I just stumbled upon your weblog and wanted to
ReplyDeletesay that I've truly enjoyed browsing your blog posts.
After all I'll be subscribing to your feed and I hope you write again very soon!
Hey Nice Post thank you.
ReplyDeleteThe icons added are very small in size... could you also share post for big rectangle icons
Welcome Deepti. Here You can try this How to Add rectangle share buttons to blogger posts
DeleteI blog often and I really appreciate your information. Your article has really peaked
ReplyDeletemy interest. I'm going to bookmark your site and keep checking for new information about
once per week. I subscribed to your RSS feed too.
I could not resist commenting. Exceptionally well written!
ReplyDeleteHello to every body, it's my first visit of this website; this blog
ReplyDeletecarries amazing and really excellent stuff in favor of visitors.
Hi, I would like to subscribe for this blog to get most up-to-date updates, therefore where can i do it please help out.
ReplyDeleteIt's a shame you don't have a donate button! I'd certainly donate to this outstanding blog!
ReplyDeleteI suppose for now i'll settle for book-marking
and adding your RSS feed to my Google account. I look
forward to fresh updates and will talk about this site with my Facebook group.
Chat soon!
I'm really enjoying the theme/design of your site.
ReplyDeleteDo you ever run into any internet browser compatibility
issues? A handful of my blog visitors have complained
about my website not working correctly in Explorer but looks great in Safari.
Do you have any solutions to help fix this problem?
bro i am using new seo template but thius template have post footer share icons i want to remove and add social icons whatevr you wrote in this article help me to solve
ReplyDeleteShare your blog link
Delete