• Home
  • About Us
  • Contact Us
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Login
  • Register
  • Home
  • nulled script
  • Blogger Templete
  • wordpress
  • software
  • wordpress themes
  • blog
    • apps
    • android
    • windows
    • themeforest
    • android sourcecode
    • codecanyon
    • linux
    • macos
    • web template
Add Post
DastgeerTech Studio
  • Home
  • nulled script
  • Blogger Templete
  • wordpress
  • software
  • wordpress themes
  • blog
    • apps
    • android
    • windows
    • themeforest
    • android sourcecode
    • codecanyon
    • linux
    • macos
    • web template
No Result
View All Result
DastgeerTech Studio
No Result
View All Result
Home blog

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

by admin
January 12, 2019
in blog, Blogger Templete, blogger tips
0
0
SHARES
9
VIEWS
Share on FacebookShare on TwitterLinkedin
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:


[ads-post]

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 
 

 

ShareTweetShare

Related Posts

Ultimate Addons for WPBakery Page Builder (formerly Visual Composer)
blog

Ultimate Addons for WPBakery Page Builder (formerly Visual Composer)

September 12, 2020
WPBakery Page Builder Free Download
blog

WPBakery Page Builder Free Download

September 12, 2020
Bimber Viral Magazine WordPress Theme
blog

Bimber Viral Magazine WordPress Theme

September 11, 2020
Papr News Magazine WordPress Theme
blog

Papr News Magazine WordPress Theme

September 11, 2020
VioMagz Indonesian Blogger Template
blog

VioMagz Indonesian Blogger Template

September 10, 2020
Wordpress Auto Spinner
blog

WordPress Auto Spinner – Articles Rewriter plugin

August 25, 2020
Next Post

IObit driver Booster 6.2 pro Repack latest

Comments 0

  1. Elvira Albert says:
    2 years ago

    I've been making $1000/Month just by promoting Ivacy VPN as an affiliate on social channels.

    Its been working great for me. If anyone one is interested to earn the same here's the sign up page link. https://www.ivacy.com/vpn-affiliate/

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

StartIsBack ++ Pre Cracked

January 1, 2019
Blanter Violet Blogger template Premium

Blanter Violet Blogger template Premium

September 6, 2020
Kontol SEO Pink Blogger Template premium

Kontol SEO Pink Blogger Template premium

September 12, 2020

Hello Engines | search engine optimization for your websites Cracked+Multilingual

January 9, 2019

Top magazine blogger templates premium

February 18, 2019
Sanai Blogger Template premium

Sanai Blogger Template premium

August 30, 2020
  • Home
  • About Us
  • Contact Us
  • Sitemap
  • Privacy Policy
  • Disclaimer
© 2020 DastgeerTech • All Rights Reserved.
No Result
View All Result
  • Home
  • nulled script
  • Blogger Templete
  • wordpress
  • software
  • wordpress themes
  • blog
    • apps
    • android
    • windows
    • themeforest
    • android sourcecode
    • codecanyon
    • linux
    • macos
    • web template

© 2020 DastgeerTech Studio.

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
Sign Up with Google
OR

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In