Now Lets Add Them Below Each Post In Blogger
- Go to Blogger Dashboard > Select the Blog > Go to Template page of theBlog
- Click Edit HTML button.
- and Add the Following CSS Code before
]]></b:skin>
You can replace the Statement Text Color Highlighted in Red. You can also change the Background width by changing the width: 550px; highlighted above in yellow color.
4. Next, locate the Second instance of
<data:post.body/>
tag and paste the following code Below/after it:5. See Preview before saving.
Note:- The buttons will only appear on post pages. We place this limit because the
Pin-it button only pins the page on which it appears. As such on homepage (if we were to allow it there), every instance of the button will pin the homepage, not the post (as it’s “supposed” to).
Troubleshooting
While finding the<data:post.body/>
code is coming three time.This Problem comes when we install Auto Read More Hack in our Blogs. For this Problem Search for any one line from below and Put Above Section of Widget HTML Code after it!This
Or this
Or this
Let me know about other social sites that support this kind of sharing in the comments, and I'll add your tips to this post. I hope you will enjoy this tutorial and take a 5 seconds to share it.Cheers
0 comments:
Post a Comment