Just installed damnsexybookmarks plugin and noticed that it was not working properly for some reason. It showed “Array” for every single bookmarking option on mouse hover. After looking through quite a few blogs, I noticed that a lot of people had the same problem but nobody had a solution. So, I posted my solution on a few blogs and thought I would post it here too.

If it happens to you, here is what you need to do:

After downloading the plugin, open the file damn-sexy-bookmarks.php in wordpad or your favourite editor, scroll to line 335 in bookmark_list_item() function. Replace lines 335 and 336 from:
$bookmarks[$name],
$bookmarks[$name]
to:
$bookmarks[$name]['share'],
$bookmarks[$name]['share']

This quick hack fixed the problem for me. Please let me know if you need any more explanation on this.

DamnSexyBookmarks is pretty cool wordpress plugin that allows your blog readers to share your stories on popular social bookmarking sites.

As it’s been quite some time since I installed the plugin from last time. I assume the problem may be in the version. I downloaded mine from http://wordpress.org/extend/plugins/damnsexybookmarks/ and as far as I understand, the project has been discontinued. This plugin has merged with SexyBooksmarks plugin and perhaps I just downloaded the older version.  If you did the same, please try looking for SexyBookmarks plugin and see if it fixes the problem.

UPDATE: Just verified, it was an older version and sexybookmarks wordpress plugin has way more social network links and no problems. To download it, please go to http://sexybookmarks.net/ .

DO NOT INSTALL DAMNSEXYBOOKMARKS, INSTALL SEXYBOOKMARKS INSTEAD! NO FIXES NEEDED!

A lot of times people ask us to make something that looks similar to already existing website. Many don’t have photoshop, gimp or other image editing software and it is pretty hard for them to explain the visual need. What we often advise is to use the javascript since it is one of the fastest and convenient ways to alter the page. We use this script ourselves sometimes on the mockups. It takes a lot of work to remove some sneaky background or image in the image editor, and this script does simplify things a bit.

You can move, delete, resize and modify elements on the page by clicking on the element that you want to alter. Javascript works right from the browser’s URL bar. Just copy and paste the code below into the browser URL bar, press enter and the content becomes editable:

javascript:document.body.contentEditable=’true’;void 0

Then you can click “print screen” button, open word, paintbrush or an image editor of your choice and “paste” it into the new file.

Below is a simple example of what you can do to a page right from your browser.

Sometimes its just fun to poke around, mess with a few websites and see how it would’ve looked with some adjustments.  Of course there are other tools like firebug that do more, but this is one of the simpler ways to do it.