Tech Magazine

A Stylish 3D Social Icons with Simple Spine Effect For Your Blog

Posted on the 23 September 2013 by Babanature @proudlyonenaija

We all need social like buttons on our blog, don’t we? We need social like buttons on our blogs so our readers can always reach us and get more social with us. We also need these social buttons so our readers can like and always get exclusive updates from us.

Must Read: 3 Killer Ways On How To Drive Quality Traffic To A New Blog

Last week – I was playing around doing my weekend blog digest and I saw a customized social like button on a friend’s blog. The social button looks so funny, simple but yet attractive. I just can’t ignore such sets of buttons so I collected the codes from him and added it to one of my blogs :) . It is one week plus now since I’ve added it to my blog and I am still using it. Do you know why I haven’t removed it? Because it is converting beautifully – even better then my previous social like button on that blog. Would you like to see how it looks? Here it is :)

Social-share

It looks funny right? If you put a mouse on the button, it will spine 360 degree like the one on this blog.

A Stylish Like Buttons with Simple Spine Effect For Your Blog

I just feel like some few people might like this so why not give it out, right? Don’t worry guys, because I will be showing you how to implement it on both blogger and WordPress blogs.

Must Read: How To Disable Or Enable The Google Plus Auto Share On Blogger Blog

Let’s start with how to implement it on WordPress blog, shall we?

For WordPress Users:

Warning: Before playing with any codes, please make sure you always keep a backup so in case you make a mistake, you can always revert.

Go to your admin section >>> Click Appearance >>> Click Editor…

In your CSS code area, Add the below code


Now Save your work and go to your widget area…

Are you there now? If yes now drag the “Text” widget and place where you want the buttons to show… Copy the below code to the text widget…

 <br /><br />

Connect with Onenaija

<br /><br />
    <br /><br />
  • <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  • <br /><br />
  • <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  • <br /><br />
  • <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  • <br /><br />
  • <br /><br /><br /><br />   <br /><br />
  • <br /><br />

Back to Featured Articles on Logo Paperblog