Add Social Sharing Buttons To All Images On Blogger And Wordpress




| 23 comments

Photos and images have become such an integral part of blogs with many thinking images are as important as the text.This does not just referr to Photography blogs but no matter what the subject of your blog; visitors respond to photos and other media.The success of Pinterst has just gone to reiterate this, in the modern online world the old and overused saying A picture is worth a thousand words really rings true.

So as bloggers we can utilize the images we use on our blogs in a number of ways.In this post we will see how to use images to get visitors sharing your posts.This tutorial will cover how to add social bookmarking buttons to the images you use on your blog.So directly from the image visitors can share the image (thus the post) on Facebook, Twitter, Pinterest and other popular social networks.I know from emails and comments i received this was something many of you have been looking for.

To do this we will use the gadget from SlingPic which offers a plugin for Wordpress users and I will walk you through how to add the code to Blogger.Take a look at the demo below, simply hover over the images to see the share options :

View Demo Button

Add To Wordpress

Wordpress users can simply go to this page, download the plugin then upload to your blogs plugins directory.You can access the settings via the plugins menu.

Add To Blogger

For this gadget we can use our Add To Blogger Button to make it as easy as possible.There are three style to suit the design of your blog.The default style will work on all blogs and there is a dark theme to suit blogs using dark colors and finally a light theme for a minimalist look.

Choose your style > Click the Add To Blogger Button for that style > On the new page that opens Click "Add widget".

Note : You must be logged into your Blogger account.If you have more than one blog choose the blog you want to add the widget to.

Default Theme









Dark Theme










Light Theme











That's it thanks to SlingPic for the code and you can go there for some extra options.

Drop your comments and questions below.

AuthorAuthor - Paul Crowe is the owner and main author of Spice Up Your Blog.Paul lives in Ireland, has been blogging since 2006 and writing Spice Up Your Blog since 2009.You can find him in the usual social networks.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

23 comments:

  1. Fantastic !
    Question: I want to remove the email and replace it with Google+. How do I do this please.
    Thanks in advance :)

    ReplyDelete
    Replies
    1. Isabelle When you click share to display the buttons you will see it has 'More' below the Twitter, FB and Pinterest buttons.This opens up more sharing options including Email.At the moment there is not an option to have Email as one of the three main options.

      Delete
    2. Thank you Paul :) But my main options are Facebook, Twitter, Pinterest and the email envelope.

      On your "Add To Blogger Button ", the images show the Google+ icon in the main option. Is this a mistake or maybe I'm doing something wrong ?

      Delete
  2. Thanks a lot Paul for this post. I have a question: I already have Share this button on the post, and now if I add t his for the images would it create any issues? I use self hosted wordpress. Wishing you a very happy and prosperous New Year

    ReplyDelete
    Replies
    1. I can see no reason why there would be and issue with that.

      Delete
  3. I added the widget to my blogger like you said. The widget is in my layout, but I'm not seeing any social links when viewing blog. What else do I need to do to activate?

    ReplyDelete
    Replies
    1. Gina I took a quick look at your blog and your images are not hyperlinks (you can not click them).Do you upload the images directly to your blog or are they hosted elsewere ?

      Delete
    2. I have the very same problem. And yes, i upload images directly. Is this the problem?

      Delete
    3. Bensu if you upload the images directly to your blog it should work fine.What's the address of your blog ?

      Delete
  4. This is very handy - thanks! I tried this out on two of my blogs - but unfortunately random images are being shared instead of the image I choose to share. What's going wrong?

    ReplyDelete
  5. This is a great idea to add the share option to images. I use Blogger and have tried installing this on two of my blogs - but for some reason instead of the image I've chosen, another random image from the blog shows up instead! Do you know why this is happening? I deactivated the 'showcase images with lightbox' option in Blogger because I thought this was the cause of the problem, but this hasn't fixed it. Any ideas?

    ReplyDelete
    Replies
    1. Isabel it's important the images you upload to your blog are uploaded via Blogger, otherwise it may grab a different image from the page.

      Delete
  6. Hello,

    Wonderful widget for adding social buttons to the images, it will surely get more response from the social media.

    Thanks

    ReplyDelete
  7. Hello Paul,

    the button of Ad to Blogger for insert the widget, didn't works, blogger tells me error, what is the problem, thanks.

    ReplyDelete
    Replies
    1. You should clear your browser history and then try :)

      Delete
    2. Indeed clear the History/Cache as Angela suggests.

      Delete
  8. I really like this but it keeps giving me error even I clear everything on my browser - I would love to do manual copying and pasting of the code. thanks

    ReplyDelete
    Replies
    1. If you head over to the Sling Pic website you can grab the code and paste it into your template.

      Good Luck !

      Delete
  9. Hi, in Blogger, if the image is not full size, then clicking on them takes one to a gallery view. The slingit share option is available on the main page images, but not the gallery view. Any ideas?

    Robert

    ReplyDelete
  10. How to enable this option only for medium size images?

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us