Simple Social Image Hover Sharing Plugin for Blogger – Blogspot

Simple Social Image Hover Sharing Plugin for Blogger - BlogspotSimple Social Image Hover Sharing Plugin allows visitors can share your image direct to their social networks when they are hover on an image. This plugin supported Twitter, Facebook, Pinterest, LinkedIn and GooglePlus buttons with cool effect! This plugin will enable your visitors to easily and simply share your images over major social networks!

Features of Simple Social Image Hover Sharing Plugin

  • Quick Installation & Simple Usage
  • No flash required
  • Font Awesome included automatically
  • Covering 5 Major Social Networks: Twitter, Facebook, Pinterest, LinkedIn and GooglePlus
  • Works in all Modern Browsers

Demo for this plugin

Just hover on the below images to see how Simple Social Image Hover Sharing Plugin work

Social Image Hover Sharing Plugin Demo hover_share
Social Image Hover Sharing Plugin Demo

 

Social Image Hover Sharing Plugin Demo Float Left hover_share

This plugin works well regardless your image is aligned center, left or right, floating or none. The plugin also works well with images that’re wrapped by links or tables or any HTML elements. Just help your visitors sharing to your site image withing seconds with this awesome plugin!

No more frustrations! No more messy GUI! Just Simple and Quick plugin!

Before use

After you added this plugin to your Blogger – Blogspot website, just add “hover_share” word to your image alt. Your alt attribute can contain anything but must contain “hover_share” to make the image work with this plugin. In Post Editor, click on image, then click Property, and input your alt and click OK

Input "alt" to make image work with Social Image Hover Sharing Plugin
Input “alt” to make image work with Social Image Hover Sharing Plugin

When publish your post and hover on the image, you will see something like below

After published your post with social image hover sharing for Blogger - Blogspot
After published your post

Now, just pick your social networks you like and enjoy the plugin. Wish everything best for you site.

Widget Options

YOU WILL ALSO LIKE:

COMMENTS

  • comment-avatar

    Great job! you are a next level blogger

  • comment-avatar

    I've just used this on my blog and it's working perfectly. Thanks ans more power to your blog. I can't help but browse further for some other useful stuff.

  • comment-avatar

    very nice posts…

  • comment-avatar

    great i was looking for it!

  • comment-avatar

    Nice Plugins for Blogger,
    Can you plese tell me How can I increase the size of social Button as its look vary small.

  • comment-avatar

    We have only 1 size, so we can not increase.

  • comment-avatar

    widget isn't working on my blog, did everything which is mentioned above, pls. help.

  • comment-avatar

    Input your Blog URL in Add Widget form?

    Show your Blog URL, I will take a look.

  • comment-avatar

    Thank you. It works and it's great

  • comment-avatar

    I love this plugin. I thought I'd share a neat bit of JQuery to automatically apply this to all images:

    $('.separator img').attr('alt', 'hover_share');

    I hope the code renders ok.

  • comment-avatar

    where to put this code $('.separator img').attr('alt', 'hover_share'); pls tellme

  • comment-avatar

    Put below code before </head>

    <script type='text/javascript'>
    //<![CDATA[
    $('.separator img').attr('alt', 'hover_share');
    //]]>
    </script>

  • comment-avatar
  • comment-avatar

    I just updated the plugin where you can choose "IMAGE JQUERY SELECTOR" as you like, not force to input "hover_share" for alt any more.

  • comment-avatar

    I added the code above – posted by Robert and Tien to automatically add the hover_share to img alt but no joy.
    I used the insert image and added image from Picasa but it didn't work. If I manual add the alt="hover_share" it works great.
    Any thoughts?

  • comment-avatar

    Hi. I updated the plugin and you don't need to add the code any more. Just input into field: IMAGE JQUERY SELECTOR (FOR ADVANCE USERS ONLY) with your selector. In most of case, the selector may be like below for all image in post without the alt

    .post-body img

  • comment-avatar

    It would be more good if you had added "a" as alt because alt is used to name images and if we add hover_share to every image, it won't be good for seo. And the size of buttons can be increased by changing the width:20px; and height:20px; to desired width and height along with that you have to increase the line-height. By the way thanks for this widget. But it would be more good if you delete the "about" icon from this widget as some images are of small size and can't show that.

  • comment-avatar

    We provided "Image Jquery Selector" in widget option, so you can change to another attribute if you want.

  • comment-avatar

    hello, i have a blog where i post images, cartoons in .JGEG or.PNG format ive done as u suggested, plugin is working too but, it shares my page instead of that specific image.
    for example : ive got 5 images on page 1 & i want to share image no 3 on social media, i click on F share, but entire page get share not image 3,
    sorry to say but blogger has already given a shar button & it also share page or that specific post but as u have mentioned this plugin works for images, i found there is something wrong either in my understanding or in pulin. plz solve my query.
    you can checkout my blog for reference http://whatsupfunofficial.blogspot.in/p/funny-jokes.html

  • comment-avatar

    Hi. We must share the page of blogger and include hash because all images you insert into your post will have domain: .blogspot.com or image from third party service which also have domain from other site, not your site.

    So, if we share image, this domain show on image is another site, not our site, and this don't make sense.

  • comment-avatar

    mehn i enjoy your stuff

  • Leave a Reply