Saturday, July 29, 2017

Advanced Social Sharing Buttons Just Below all Post in Blogger


This is a Step by Step tutorial on how to add the New Advanced Social Sharing Buttons Just Below all Post in Blogger.

Readers after going through a particular post are likely to share it on social media. Considering if the post is educative and interesting as well. which also help in boosting your ranking on Search Engines like Google, Bing, Yandex and so on.

Check Also: Advanced Notification Bar Widget For Blogger

Better ranking on search engine also help to increase your Blog Page view. That is why social sharing button is a must have widget in every Blog. Kindly follow below Guide on how to implement the widget just below all post in blogger.

Guide on How to Add New Advanced Social Sharing Buttons Just Below all Post in Blogger

Step 1: Log in to your Dashboard

Check Also: Most Advanced Facebook Like Box for Blogger

Step 2: Go to Layout --> Edit HTML

Step 3: Click any where inside the code area and to open a search box type CTRL+F from keyboard.

Check Also: How To Add Floating Social Sharing Widget To Your Blog

Step 4: Type or paste following code into the search box and hit enter.

 <data:post.body/>

Step 5: Now Copy following code and paste it below the above line:

Code:
[<style type='text/css'>
#social-share-buttons img {
width: 35px;
padding: 1px;
border: 0;
box-shadow: 0;
display: inline;
}
</style>

<div class='bg-share-buttons' id='social-share-buttons'>
<br/>
<h4 class='post-section-title'>
<i class='fa fa-share-alt'/>
<span data-l10n='SHARE:'>SHARE:</span>
</h4>
<!-- Facebook -->
<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share this on Facebook'><img alt='Facebook' src='http://www.simplesharebuttons.com/images/somacro/facebook.png'/></a>

<!-- Twitter -->
<a expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; undefined@Paulnwachukwu15)&quot;' target='_blank' title='Tweet This!'><img alt='Twitter' src='http://www.simplesharebuttons.com/images/somacro/twitter.png'/></a>

<!-- Google +1 -->
<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=&quot; + &quot;en&amp;url=&quot; + data:post.url' target='_blank' title='Share this on Google Plus'><img alt='Google' src='http://www.simplesharebuttons.com/images/somacro/google.png'/></a>

<!-- Digg -->
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg this!'><img alt='Digg' src='http://www.simplesharebuttons.com/images/somacro/diggit.png'/></a>

<!-- Stumble Upon -->
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble upon something good? Share it on StumbleUpon'><img alt='StumbleUpon' src='http://www.simplesharebuttons.com/images/somacro/stumbleupon.png'/></a>

<!-- Reddit -->
<a expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share this on Reddit'><img alt='Reddit' src='http://www.simplesharebuttons.com/images/somacro/reddit.png'/></a>

<!-- Linkedin -->
<a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share this on Linkedin'><img alt='LinkedIn' src='http://www.simplesharebuttons.com/images/somacro/linkedin.png'/></a>

<!-- Pinterest -->
<a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;is_video=&quot;' target='_blank' title='Pin It !'><img alt='Pinterest' src='http://www.simplesharebuttons.com/images/somacro/pinterest.png'/></a>

<!-- Buffer -->
<a expr:href='&quot;https://bufferapp.com/add?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' target='_blank' title='Share this on Buffer'><img alt='buffer' src='http://3.bp.blogspot.com/-2fEdOHHff0s/Um6ArMWeVfI/AAAAAAAAAnQ/pgr9lXGIJH4/s1600/buffer.png'/></a>

</div>]

Step 5: Click on Save.

Check Also: How To Add Authomatic Stylish Signature To Your Blog Post

That is all on Advanced Social Sharing Buttons Just Below all Post in Blogger , Hope you enjoyed Reading it. Wish you all the Best. Do not forget to like our facebook Page.
Advanced Social Sharing Buttons Just Below all Post in Blogger
4/ 5
Oleh

Subscribe via email

Get our latest updates straight to your inbox.