Similar Posts


  1. 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 🙂

    1. 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. 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.

    1. 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. 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. 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 🙂

    1. 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. 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! 😉


    1. 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. 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

    1. 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. 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!

    1. 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. 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. 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!

    1. 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 🙂

      1. I place my ads at the top (Adsense Leader board) Then subscription form below posts. Don’t mind me, I’m just trying to be unique. 🙂

  10. 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

    1. 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 🙂

  11. Hello Baba,
    When it comes such things such as coding, my heart always misses a beat. As much as I want this on my blog, I’m not going to try it! hahaha!

    1. 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 🙂

  12. 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

  13. Hello Babanature,

    This social icon looks really elegant and amazing. I thinking to use this effect on my blog too.

    Thanks for sharing,

Leave a Reply to Kuldeep Cancel reply

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