mardi 3 novembre 2009

How to add the Sharing is sexy social bookmark buttons to your blog

sharing is sexy bookmark gadegtThe most eye catching set of social bookmarking buttons i have seen are the 'Sharing Is Sexy' buttons.These buttons are embedded below your posts and have an animated effect when a user hovers their mouse over a button it pops up ready for your content to be shared.Social bookmarking is a vital too in promoting your blog as i covered in a previous postThis tutorial is a bit harder with plenty of code to be added so make sure to back up your template to see how use the link at the top of the post.

Important !

The code for this gadget no longer works as the image host no longer hosts the images.You can get the updated working version by following this link - V2 Sharing is sexy Bookmarks.

Social bookmarking is a vital too in promoting your blog as i covered in a previous post This tutorial is a bit harder with plenty of code to be added so make sure to back up your template to see how use the link at the top of the post.

Here's how the buttons look as you see they appear just above Author and Labels

Preview.
How to get sharing is sexy bookmarking buttons


New : I have just added the same bookmarking buttons with the message 'Sharing is caring' in place of Sharing is sexy you can see a preview below, to get that set Click Here.
sharing is caring bookmark icons

The buttons contained in the set for your readers to share your posts are for the most popular bookmarking websites :

►Delicious►Digg►Technorati►Reddit►Stumbleupon►Designflost►Facebook►Twitter►Furl

The also contain a Rss feed link and an Email link.

Here's the steps to add the code to your blog:

--------
Code No Longer Works Go To This Post - V2 Sharing is sexy Bookmarks.
--------

1. Click 'Layout'--> 'Edit html' for your blog
(Tick the 'Expand widget templates' box)



Blogger layout

edit html blogger

Expand widget templates blogger


2. Find this piece of code in your blogs html:




3. Now add the code below Directly BEFORE






4. Now find This piece of code in your blogs html :




5. Add the code below Directly AFTER




























Get This


Remember you can get all these tips sent directly to your email and stay a step ahead.Its a quick and easy service Provided for Free by Google.Just fill in the Email form below the post.
If you need extra help on this or any tutorial just leave a comment, I love comments and feedback so this Blog is Do-Follow - when you comment here it helps Your Blogs Google rank !
Now there is just one piece of the code you must change:

Were you see ADD YOUR FEEDBURNER FEED URL HERE

Replace with your feedburner feed

Example : http://feeds.feedburner.com/Spiceupyourblog

Click here if you Don't have a feedburner don't know what it is.

Once you have add your feed URL click save and the buttons have been added.

Need help, have an opinion or suggestion ? That's what the comments are for !

Libellés : , , ,

0 commentaires:

Enregistrer un commentaire

Abonnement Publier les commentaires [Atom]

<< Accueil