ADDING A STYLISH SHARE BUTTON TO YOUR BLOGGER BLOG
Do you like the default share button in your blogger blog? I thought so! There is a slick share this button for blogger that is really beautiful and I am 100 percent sure that you’re going to like it. see the share image below
This stylish share button will increase the flow of sharing on your blog. Let’s not talk much but let the tutorial do it stuff.
HOW TO ADD A STYLISH SHARE BUTTON TO BLOGGER BLOG
Must Read: ADDING CATEGORIES TO YOUR BLOGGER BLOG
Go to your blogger blog dashboard >>> Click Template >>> Click Edit HTML >>> tick the “Expand Widget Template”.
Have you done that? Ok! Let’s continue with the tutorial.
Now search for the below code
Note: To make the search easy, simultaneously press the ctrl + f key to bring out a search box below your browser.
Right above the code, paste the below code
Have you done it? Congratulations you have just completed the first half of the tutorial, now let’s move on to the second part of the tutorial.
Are you still in your “Edit HTML”? If you’re still there, search for the below code
[php]<b:if cond=’data:blog.pageType == "item"’><data:post.body/></b:if>[/php]
Have you seen it? Now right below it paste the below code
[php]<b:if cond=’data:blog.pageType == "item"’>
border:1px solid #BBBBBB;
-webkit-box-shadow: #B3B3B3 5px 5px 5px;
-moz-box-shadow: #B3B3B3 5px 5px 5px;
box-shadow: #B3B3B3 5px 5px 5px;
<p align=’center’ class=’babanature-share-buttons’>
<span class=’st_facebook_hcount’ displayText=’Facebook’/>
<span class=’st_plusone_hcount’ displayText=’Google +1’/>
<span class=’st_twitter_hcount’ displayText=’Tweet’/>
<span class=’st_pinterest_hcount’ displayText=’Pinterest’/>
<span class=’st_digg_hcount’ displayText=’Digg’/>
<span class=’st_stumbleupon_hcount’ displayText=’StumbleUpon’/>
<span class=’st_fblike_hcount’ displayText=’Facebook Like’/>
Save your code and check your blog, voila! How beautiful is it? Real beautiful right! This share button widget fits all blogger templates and also beautifies any blog.
Must Read: ADDING RELATED POST WIDGET WITH THUMBNAIL TO YOUR BLOGGER BLOG
Are you stuck somewhere or you’re still having trouble implementing the code? Then use the comment box below to state your problem and i’ll assist you in solving the problem the best way i could. Do you have any comments or thoughts that you would like to throw? Please do by using the comment box below. Remember that your comments and thought are highly appreciated and welcomed.
Do you like this post? Then why not like us, share us and recommend us with friend. Do not forget to subscribe to our feed for your latest post updates on the go.
nice article…how do know all these…keep it up
Like my nigerian people would say; Na God!
can you please tell me how i will add subscribed to our feed button (as on your site ) please provide me code for this widget.
i am using feedburner and it is easy to implement. I will doing tutorial on it soon. so keep finger cross.
I am trying to add this share button i also lost my previous button how to get back my share button help me..
Did you delete any tag while performing the operation?