1. says

    Hi Babanature,

    Looks nice :)

    Yes, I’ve seen them spin here on the right side long back, as I think you had it on this blog earlier too. They look effective indeed. I haven’t really got the buttons as I have my FB and G+ widgets there instead, while the theme I use has the fixed buttons on the top right corner already. But I might just get hold of one of such kind of buttons pretty soon, so I’m bookmarking this page and storing up this information. :)

    Thanks for sharing. Have a nice week ahead :)

    BTW – CommentLuv not working presently :)

    • says

      Hello Harleena,
      Your social icons do look awesome and in a strategic place as well :). This widget is a bit different from the one here at my blog. I might even change my social icon because it kind of feeling old :)

      Ahhh… i just updated my commentluv so forgot to clear my cache, sorry for that. It is working now and thanks for the heads up my friend :)

  2. says

    Nice social sharing icon indeed. thank God it is a css3 designed icon. i prefer this kind rather than using plugin and other heavy sharing code with heavy javascript which in turn increase our blog loading time.

    • says

      Hello Collizo,
      Yes this code is indeed light and have no harm on a blog resources. It is indeed useful for blog and can as well increase blog conversion as well.
      Thanks for stopping by and dropping your comment, do have a blessed week ahead :)

  3. says

    This looks fantastic, you make things look easy. If I ever wanted to apply such, I would definitely come for a resource with your search bar.

    I have included a search bar now on my blog, 😀 . . I was tired of replying mails..

    Have a great day friend :)

  4. Jeevan Jacob John says

    Sorry, I was playing with it for a while 😉 Trying to move two of them at the same time (without moving the mouse much) 😛

    It looks cool though 😀 Different?

    I was planning to do something different with the social buttons, perhaps I could do this? (I was thinking of creating my own social buttons/images, I think there are a few plugins that allow us to substitute our own images for social profile buttons).

    Anyways, thanks for the tutorial, Babanature :)

    • says

      No problem, You can indeed change the icons to what ever you like and you can also change the style to suit your need :).

      Most Welcome Jeevan :). do have yourself a blessing week

  5. says

    Hi Babanature,

    Glad you like the look and I’ve seen them on a few blogs. I’m weird and we’ve all already figured that out about me but I just like the plain simple look. I’m not into all the 3D, sitting sideways or fancy icons. Maybe they do convert better but I guess I’ll never know. lol…

    That’s awesome of you to provide the code to your readers on the different platforms. That might freak some people out but if they only realized just how easy that is.

    Okay, mine are custom made and I did them myself. Nothing fancy but over the years I have learned basic HTML coding so you know me… I much prefer coding then a plugin so that’s how I did mine too.

    Great share here and I’m sure you’re going to have plenty people grabbing that code now! 😉


    • says

      Hello Adrienne,
      A hand made code is much better then plugin because of the resources plugins consumes. Your social share looks simple and as well catchy as well :).
      I just hope they like this social icon because i made it as lite as possible.
      Thanks for stopping by and dropping your lovely comment, do have yourself a good week :)

  6. says

    Hi Babanature,

    I really love your code, you actually made it look so simple, funny me I’m no fan of too attractive buttons like the one you ‘ve just shared with us.

    But I have a lot of clients that do like them, I will refer back to this page when next the need arises.

    Thanks for sharing, wishing you many a great strength for more tips

    • says

      Hello Obasi,
      There is no lovable social button then the simple ones. the social buttons i shared today are simple, lite, and doesn’t eat up any of your blog resource… I prefer this to any plugin :)
      Thanks for the comment and do hope you’re having a great week!

  7. says

    Hi Babanature,

    For some reason, I don’t see the 3D effect! I’m sure it will be interesting to see. I love trying out such things. I will try it out and see how it turns out.

    Thanks for sharing!

    • says

      Hello Ade,
      I only added the image in the post. I have the icons on my other blog and not this one :). Try it out and i am sure that you’re going to love it…
      Thanks for stopping by and dropping your comment. Have a nice week ahead :)

  8. says

    Hi Baba !
    These social media icons look very beautiful . Its purely based on CSS and small sized images , hence it will never take much time for this stylish 3D social icons to get completely loaded . Thanks for sharing the this code with us .


  9. says

    Hello Babanature,

    Thanks for sharing this. I know it might sound a bit strange but I just can’t use this because… I don’t have side bars on my blog. :( It’s part of my unique design anyway 😀

    Keep the good work up!

    • says

      Hello Ugee,
      There is nothing in life that is strange :). Wow!!! you don’t have a side bar on your blog? That’s strange indeed :). how do you show ads for your readers? where did you place your subscription form?

      Thanks for the comment anyways, do have a nice week ahead :)

  10. says

    Ahhh, another code …. something hard for me my friend. Honestly I’d prefer simple method than code things. I am going to save this link for my recommendation though. It’s good source for technical matters in blogging.

    Thanks my friend

    • says

      Hello Okto,
      I know coding will be hard for some people, so i did a version for the non techie kinds. But the icons do look good :)
      Thanks for the comment buddy, do have a nice week ahead :)

    • says

      Hey Emmanuel,
      I laid down to ways on how to do this, the techie way and the none techie way. you can try out the none techie way.
      Anyways thanks for the comment and do have a nice week ahead :)

  11. says

    Hi babanature,
    I love the way you make things easy, step by step guide and how the codes appear. I the 3d icons, applying it on my blogger blog right now. Tnx for sharing

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>