Are you using Grooveshark? If you don’t, you should check it out because it’s a great online music search engine and music streaming service. Basically it gives you access to a lot of music that you can listen to online, for free! And the user interface is pure awesomeness! So easy to use!

However, you’re probably annoyed by the ad panel on the right of the Grooveshark interface, right? If you’re like me and spend a great deal of time in front of the computer, you might even consider upgrading to VIP. That would remove the ad, plus there are other cool features that you would be able to access.

If you like the “freebie” part of the service but also want the ad removed, I will share with you a trick that will allow you to hide it. Just follow the steps below:

  1. First of all, you must be a Firefox user, so download and install it (especially if you’re still using Internet Explorer!)
  2. Install the Stylish add-on and restart Firefox. This add-on allows you to overwrite CSS and create skins for your favorite websites.
  3. Go to Tools > Add-ons and click the User Styles icon.
  4. Click the Write New Style button from the bottom right side of the window.
  5. Add a name like “Hide Grooveshark Ad” and paste the code below in the editor, then hit Save.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("listen.grooveshark.com") {
#adBar { display: none!important; }
#mainContentWrapper { margin-right: 0!important; }
}

Once you do that, the ad disappears like magic and it will stay hidden every time you visit the Grooveshark website, until you disable that style. You can also access the styles you create by clicking the “S” icon on the right side of your browser’s status bar and selecting “Manage styles”.

Hope you find this first post useful! Some Twitter love (to get my new blog off the ground) is highly appreciated! Thanks! ;)