Recently I saw the Social Grid plugin in action on my friend Anthony’s website. I loved how it performed and wanted to add it to my site but I really hate using plugins as it slows down a website. I decided to take some time and research how to make it happen without a plugin. This is why I love the The Thesis theme. Here is what I did to make it work
First I looked for the quickest Jquery tooltip script around. I found Tipsy from Jason Frame. Tipsy is used by many big websites like Twitter. It is fast and works great.
At first I tried just to copy and paste the sample code and it didn’t work right but after a quick tweet to Jason he was willing to give me a helping hand. He found the problem and told me how to fix it. Now it works and I’m sharing it with you!
BACK UP YOUR FILES BEFORE MAKING CHANGES
Make sure you change the tipsy.gif link to your location. Then put the following code into a widget.
note: At first I was using custom_functions.php to create a custom widget but it actually worked by pasting the social code directly into a blank Text widget
Make sure you change all the links to your images and sites. So there you have it. It should work for you but if it doesn’t I don’t know why. I’m not great at this stuff but I can sometimes get coding to work thanks to the Thesis community.
Special Thanks to Jason Frame for the quick help on getting it to work right on my site!