• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Gadgets
  • Phones
  • Media Players
  • Android
  • Apple
  • Banking and Finance
  • Web Browser
  • Tips

About Device

About Device Provides Specification, Review, Comparison, Features, Price of Phones and Computers, How To, General Computer Problem Tutorials, Solution, Education, Tips and Tricks with Videos and Images for faster understanding

Home ยป Blogging

How to create Responsive share button on blogger

How to create and install Responsive share button on blogger (donReach Social button)

RWD (Responsive web design)  is the way to go, it allow both the desktop and the mobile version of a website to look and feel the same in both views.
Search engines love responsive web design, Google and Bing has advised its user to follow the responsive web layout and design and by so doing their website will rank high when been viewed on a mobile device.
Why do I need to make my share buttons responsive? Mobile usage of the web and the internet has increased dramatically, such that more than half the total internet traffic comes from mobile devices and so being responsive will assist one to rank high on web search engine. This is a method from SEO (Search engine optimization).

So lets check out how to create or install responsive share and like buttons in blogger for social networks (Facebook, Twitter, Google Plus, LinkedIn, Pinterest and others) and bookmarking sites (StumbleUpon, Delicious, Reddit).

Let create the share buttons and add to blogger template.

1.  Launch your web browser, go to donReach website.

social button donreach

2.  Click on Responsive Share Buttons.

3.  You will then go to the button style, make sure responsive buttons are selected.

donReach Responsive share button4.  Then you select the share count bubbles.

5.  Then you select the limit buttons, if you want more than 3 social share buttons, change the value of the Limit buttons.

6.  After setting up the share buttons as you wish, click on Get Code

7.  The share buttons code will be opened, you can copy the code.

8.  Then go to your blogger account login and click on Template (the second to the last option on the list).

9.  Click on Edit Template, on the template code window.

10.      Click on Ctrl + F, and search for

<data:post.body/>

11. it will occur more than one time, either twice or thrice, the last time when the code appear, paste the copied code below it.

12. Thus, You have been able to set up the donReach responsive share buttons.

Please share and like below. Comment below for any problem encountered.

Related Posts:

  • How to Share Credit or Airtime on GloHow to Share Credit or Airtime on Glo
  • How to Share or Transfer Data on MTN, Airtel, Glo and 9mobileHow to Share or Transfer Data on MTN, Airtel, Glo…
  • How to Share Apple Watch Face on watchOS 7How to Share Apple Watch Face on watchOS 7
  • How to Create Highlights on InstagramHow to Create Highlights on Instagram
  • How to Create a Bootable USB Drive for Installing Windows 10How to Create a Bootable USB Drive for Installing Windows 10

Reader Interactions

Comments

  1. Prisha Basu says

    December 11, 2018 at 5:54 am

    Nice stuff indeed! You have provided very good information in details.

    Reply
  2. NARESH DETRUJA says

    February 25, 2018 at 3:59 am

    bhot hi acch ajnkari share kiya hai aapne nc post

    Reply
  3. hazel says

    September 4, 2017 at 10:09 pm

    i use donReach Social button

    Reply
  4. Anonymous says

    August 25, 2016 at 2:18 am

    Yep, thanks for the share button. I really love the social count. It tells me how my post are shared online.

    Reply
    • editor says

      December 5, 2016 at 9:05 pm

      The share button are also responsive and also they can work on any template or blogger template. the social count is also very impressive. I'm happy that You enjoy it.

      Reply

Leave a Reply Cancel reply

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

Primary Sidebar

SEARCH FOR ALL THINGS TECH

BrandsView All

  • Samsung
  • Xiaomi
  • Realme
  • Vivo
  • Huawei
  • Oppo
  • Tecno
  • Honor
  • LG
  • Motorola
  • Apple
  • ZTE
  • Nokia
  • Sony
  • Infinix
  • OnePlus
  • Ulefone
  • Lenovo
  • Gionee
  • HTC
  • iTel
  • Google
  • Asus
  • Alcatel
  • BLU
  • Meizu
  • Umidigi
  • Oukitel
  • Cubot
  • TCL
  • Wiko
  • Elephone
  • Leagoo
  • Mobicel
  • Condor
  • NUU Mobile
  • Micromax
  • Sharp
  • Olla
  • Blackview
  • HP
  • Dell
  • Canon
  • Nikon
  • Panasonic
  • Microsoft
  • QMobile
Show More Brands

Phones & Tablets

  • Xiaomi Redmi Note 9 5G Xiaomi Redmi Note 9 5G $250.00 $250.00
  • Xiaomi Redmi 9 Power Xiaomi Redmi 9 Power $170.00 $170.00
  • Xiaomi Redmi Note 9 Pro 5G Xiaomi Redmi Note 9 Pro 5G $250.00 $250.00
  • Realme 7i (Global) Realme 7i (Global) $177.00 $177.00
  • Realme V15 5G Realme V15 5G $220.00 $220.00
  • Motorola Moto G Power (2021) Motorola Moto G Power (2021) $250.00 $250.00

Footer

About AboutDevice

About Device Provides Specification, Review, Comparison, Features, Price of Phones and Computers, How To, General Computer Problem Tutorials, Solution, Education, Banking and Finance Tips and Tricks with Videos and Images for faster understanding

Disclaimer

Please This is Not Bank Website, This is a Blog and we provide reply based on our knowledge.Please any information shared is at Your Risk.
Checkout Full Disclaimer

Pages

  • About US
  • Contact Page
  • Disclaimer
  • Privacy Policy