Tuesday, May 9

Add Share Buttons In Different Places In Blogger

Add Share Buttons In Different Places In Blogger

Share buttons are the basic need for any blog and if they are not placed at the right place then they are nothing more then waste. Similarly , if you have placed them at the right place then they can make a big difference as social media plays a vital role in spreading your content. This post will let you know how to place share buttons at different places in blogger. If you also want share buttons then visit Social share buttons for blogger.


How to add social media share button under post title ?

Edit your HTML , search for <data:post.body/> using Ctrl+F and paste your code for share buttons just after it.


How to add social media share button under blog post ?

Edit your HTML , search for <div class='post-share-buttons goog-inline-block'> using Ctrl+F and paste your code for share buttons before it.


How to add social media share button in sidebar ?

Go to Blogger >Layout , add HTML/JavaScript Gadget to sidebar and paste your code for share buttons in contents.

How to add social media share button before comment box ?

Edit your HTML , search for <b:includable id='nextprev'> using Ctrl+F and paste your code for share buttons just above it.

How to add social media share button in header ?

Edit your HTML , search for <body> using Ctrl+F and paste your code for share buttons just after it.


How to add social media share button in footer ?

Edit your HTML , search for </body> using Ctrl+F and paste your code for share buttons just above it.


Note: If you are using share buttons in header or footer then it will be best to make them fixed using CSS position property. So, they appear all the time.