Floating soical networking button – Worpdress

After lot of messages from visitor, I though I should make post for floating social networking button in wordpress. As, you can see it looks attractive and make them to click on. By doing this, we will get more traffic.

We can do it with two way. First if you are using thesis theme than you will definitely customize using custom code. Another way is for other user who is using theme other than thesis. We will use plugins to do it. If you want to know what is thesis, then you can refer to my previous post “Why do I love thesis theme?“

1. Trick for Thesis user

First of all you should open file name custom.css

Copy and past below code in it.

.custom #feedback {background: transparent; width: 3.2em; position: fixed; top: 30%; left: 0.65%;}

.custom #feedback a {display: block; text-indent: -9999px; height: 3.2em;}

.custom #feedback #twitter {background: url(‘http://www.thebloguser.com/wp-content/uploads/2009/09/twitter.png’)}

.custom #feedback #rss {background: url(‘http://www.thebloguser.com/wp-content/uploads/2009/09/rss.png’)} .custom #feedback #email {background: url(‘http://www.thebloguser.com/wp-content/uploads/2009/09/contact.png’)}

.custom #feedback #login {background: url(‘http://www.thebloguser.com/wp-content/uploads/2009/09/home1.png’)

Now open custom_functions.php and copy and past below code in it.

/*– Start floating button for feed back –*/

add_action(‘thesis_hook_before_header’, ‘sitewide_left_feedback_buttons’);

function sitewide_left_feedback_buttons() { ?>

<a href=”http://twitter.com/thetricks” id=”twitter” target=”_blank” title=”Follow @thetricks on Twitter”>Follow @thetricks on Twitter</a>

<a href=”http://feeds2.feedburner.com/blogspot/indianmonsters” id=”rss” target=”_blank” title=”Subscribe to Thetricks.Net via RSS Email”>Subscribe to Thetricks.Net via RSS Email</a>

<a href=”http://www.thetricks.net/contact” id=”email” title=”Contact Us”>Contact Us</a> <br /><br />

</div>

<?php }

/*– end floating button for feed back –*/

2. If you are using theme other than thesis:

You can use plug – in for it. Cute profile is plug in for social networking button which float according to your choice and theme layout.

Link: http://wordpress.org/extend/plugins/cute-profiles/

You can change links according to your choice and you can also add as many link as you want. I hope this will help you. If you want help just send me email. I will try my best to help you.

Tagged as: Images, tricks, Wordpress