Add Social Share Button for your blogger

Having a blog is very simple, but if you want to promote your blog, you can’t do without the social share button. Creating a social network share button that appears on the left side of the screen like BBloger is very simple. Just a few steps, you can add social sharing buttons for your blogger, simple but beautiful.

Add Social Share Button for your blogger

First, log in to the following website:



Choose a login method (I choose to login with Email).

After logging in, the interface will appear as follows: select the Share button

Add Social Share Button for your blogger

You select Share Buttons
Next are the selected items, depending on your preferences for you to choose to display as you like. As I choose as follows:
Sharing bottom: Select the first display style (left side)
Floating: You can leave it as default 
If you do not want to default, you can optionally display some social networks to share by unchecking the Automatic (Recommended) line and ticking Select your own. I choose 5 items to display: Facebook, google+, Twitter, Pinterest, and Linkedin
–> Save and Continue
After completing the configuration and receiving Save and Continue it will have a code for you:

<!– Go to www.addthis.com/dashboard to customize your tools –> <script type=”text/javascript” src=”//s7.addthis.com/js/300/addthis_widget.js#pubid= ra-59f5fdab55e49e42″></script> 
Now you log back into Blogger, go to Themes, Edit HTML, find </body>
Copy the above code and paste it before the </body> tag and then Save the template and enjoy the results. This section does not have a demo image anymore, you can see it right away if you look at my blog.

If you want to change the display style or something, go back to the AddThis page and edit the options and save it is ok (no need to change anything on blogger anymore, it will connect and display automatically). the information you just updated)

This part is too easy, no one will ask anymore, right?

Bouns

If you don’t like to use scripts or application pages like addthis for various reasons (more on that later), you can use the following code:

<a expr:href='”https://www.facebook.com/sharer/sharer.php?u=” + data:post.url’ rel=’nofollow’ target=’_blank’><img src=’ http://traumvietnam.com/wp-content/uploads/2018/03/fb.png ‘/></a >
<a expr:href='”https://plus.google.com/share?url=” + data:post.url’ rel=’nofollow’ target=’_blank’><img src=’ http://traumvietnam.com/wp-content/uploads/2018/03/gplus.png ‘/></a >
<a expr:href='”https://twitter.com/share?text=” + data:blog.pageName + “&amp;url=” + data:post.url’ rel=’nofollow’ target=’_blank’><img src=’ http://traumvietnam.com/wp-content/uploads/2018/03/tw.
<a expr:href='”https://www.pinterest.com/pin/create/button/?url=” + data:post.url’ rel=’nofollow’ target=’_blank’><img src=’ http://traumvietnam.com/wp-content/uploads/2018/03/pin.png ‘/></a >
<a expr:href='”http://www.linkedin.com/shareArticle?mini=true&amp;url=” + data:post.url’ rel=’nofollow’ target=’_blank’><img src=’ http://traumvietnam.com/wp-content/uploads/2018/03/ln.png ‘/>


There are 2 ways, 1 is that you insert it after the article, the other is that you insert and fix the position like the page scroll button is ok. In the above code, you can replace the yellow links with other share button images if you want 
Click to rate this post!
[Total: 0 Average: 0]
5
Subscribe
Notify of
guest
0 Góp ý
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x