Blackspike Design Ltd

Custom bookmarklets

This is a very simple & specific bookmarklet to hide the annoying footer banner advert on the otherwise great website webdesignledger.com — we love the site but for some reason we find footer adverts very annoying.*

After seeing this new Smashing Magazine tutorial: Make Your Own Bookmarklets With jQuery the other day, we thought we’d see if we could make our own.

Drag the following link to your bookmarks bar

FooterAdKiller

To design your own, simply copy the below code, and add it to your bookmark. The key is adding your own jQuery in the runthis function. We chose a couple of annoying advert div blocks on sites we visit regularly, and hide them on click.

if (typeof jQuery == 'undefined') {
	var jQ = document.createElement('script');
	jQ.type = 'text/javascript';
	jQ.onload=runthis;
	jQ.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js';
	document.body.appendChild(jQ);
} else {
	runthis();
}

function runthis() {
	$('#bottomPremiumBanner, #follow_share_post').hide('fast');
}

* We know we could use adblock but we prefer to help content sites make a living from their work – this way the ad is rendered and then hidden on the client side, so to log files the image has been displayed.

Open/Close menu