Guest article by Mr.Sathish from Techiemania. This is a gift for all our readers on account of our 3rd anniversary celebrations.
Thesis is a wonderful WordPress theme with an efficient HTML + CSS + PHP framework and easy-to-use controls. I would recommend this theme to anyone, since it is the best WordPress theme available out there. When you have Thesis with you, you don’t need to worry about optimizing your blog for search engines, since Thesis will take care of that work for you. All you need to do is “just add killer content”.
Adding a Social bookmarking widget to a WordPress blog is an essential one, since it will enable the blog readers to share the post in Social Media sites like Digg, Mixx, Twitter and Facebook. But one must take care on the location of the Social Bookmarking widget. Adding a Floating Bookmarking widget will be good for your blog since it will be visible to all your blog readers.
So here’s a simple tutorial on how to add floating Social Bookmarking Icons to your Thesis WordPress theme without any plugins. Just follow the steps given below and your Floating Social Bookmarking Widget will be ready within no time.
How to Add Floating Social Bookmarking Icons in Thesis WordPress Theme?
1. To get Started, Login to your WordPress admin panel and click Custom File Editor in Thesis Options.
2. Now select custom_functions.php in the scroll down menu and Click Edit Selected File.
3. Now download the file from here and add the code in custom_functions.php and click the save button.
The code, which I have given in the file has links for Twitter, Facebook, Delicious and StumbleUpon icons. You can add or remove codes according to the icons you want to be visible. Also, change the Twitter handle in the code with yours.
 FEED! Subscribe via  EMAIL. |
4. Once you added the above code to custom_functions.php, you need to configure their location. To do that just download the file from here and add the code in custom.css and click the save button.
Since I am using the default widget scripts for Icons, there is no need to add custom images for the Icons.
5. If everything goes right, you should see the widget in your single post page, similar to the screenshot below.
That’s it. You are done. Now you have added the floating social bookmarking icons to your Thesis Powered WordPress blog.
Download:
1. Code for Custom_functions.php
2. Code for custom.css
If you face any problem while adding this icons or if you have any doubt about this, feel free to ask me in the comments section. Also if you find this simple tutorial useful, do share and tweet about it.
Adam @ Auckland H... (2)
Streaming Server (2)
used tires (2)
aatif (1)
Dolly (1)
impressora brother (1)
Jauka (1)
Prabir (1)
{ 18 comments… read them below or add one }
I do NOT use thesis theme. I had tried a WP plugin that was supposed to do the same effect (floating AJAX-based social media buttons). But the plugin messed up my theme and I had to uninstall it.
Any idea, if this thesis trick can work with other non-thesis themes? I’d love to have it on my theme!
You can use this trick in any wordpress theme. Just remove the function line and add the php code directly in your functions.php along with the css file in your stylesheet. It will work.
Thanks dude. This is a very good information.
You are welcome Madhav.
I have use thesis theme and custom my style and happy with it. maybe i will try social icon fload on my site
thanks
I have been thinking about using Thesis. This may just be the push for me to switch.
thesis is good , but i dont want to spend for a theme , when i am spending enough on hosting domains and stuff
I agree with that. I see an emerging trend of companies coming out with paid plugins and themes. I have bought a few but it has to be really good.
how have you put the social bookmarking buttons next to your google ad in your INPOST after the title. kindly guide me how you have done this i want to to it on my website i have a 336×280 ad under my post title next to it i want to post the same way you have done social bookmarking. how to do it guide me with code. thank you.
and one more thing i also want to know how you have done SUBSCRIBE section in your right side bar please guide me and contact me on is@mobileweaver.dk. i will wait. i hope you read my comment. thanks
When I put the code on the functions.php I get a message Fatal error: Call to undefined function delit_normal()
the problem is on:
Any suggestion ?
Thanks a lot in advance
@Giovanni Cappellotto The code which I have given here is working well for me and most others. There might be some other problem with your functions.php. Contact me at admin@techiemania.com with your details. I will solve the problem by myself.
Most of your discussion is really interesting and quietly informative. Especially those topic, keep up the good post and I will keep visiting here. =)
i like doing custom work on the theme files, it works best when you do it yourself , also give u the understanding of your theme
Nice guest post, Sathish… This thing will not work effectively on full sized themes and it may look annoying, isn’t so ?
Floating icons seems cool at first but later become annoying… Your header icons look better. I’ll try that on my hellosingapore travel blog. Thanks for sharing!
thanx for telling us such a nice information i just install thesis theme and i search for 2 hr to how to add floating Social Bookmarking icons but your post really help me.thanx alot.
Guset posting is allowed here.
latest news
Hey Thanks dude. This is a very good information
Thanks dude..this is very informative tutorial
{ 1 trackback }