Once again to the Bandcamp mailbag:
“Is it possible to add html links to the custom header? Right now the whole thing links back to the home page, but wouldn’t it be cool if we could put a few tabs on that bad boy linking to say our blog, or our true home page? This would make an already awesome site a bit more customizable and integrated into an artist’s other web activities. We love how we can bring Bandcamp into our other sites, but what about bringing a bit of us into Bandcamp?”
“I want to provide navigation links back to the other parts of our site from our music ‘page’ (which is in reality our Bandcamp page). Is there any chance that you might include some way of making customisable links to provide this functionality?”
“Is it possible to upload an html image map with my custom header image? I’d like there to be seamless clicking between my Bandcamp pages and the rest of my site, and that would require my site’s navigation to appear on my Bandcamp pages as well.”
We enjoy doing as we are told:
Yep, from your Profile page, you can now specify an image map for your custom header, thereby emulating your own site’s navigation and making its integration with Bandcamp seamless. Here’s an example of an image map applied to the custom header of the most excellent Chicago rock band, Empires:
The above is just a simple custom header with an image map, no iframe trickery needed. Note too that they’ve customized their Bandcamp URL (to http://music.weareempires.com), making the integration even tighter.
Here’s another example:
Again, a custom header, image map, and some creative design, and Jed’s Bandcamp-powered music pages smoothly integrate into his own site.
Aside 1: An image map is just some basic HTML code that turns various parts of an image into clickable links. You can create them using Dreamweaver, Photoshop or most any other image editing program (there are even a few web-based image map generators if you’re feeling mildly masochistic).
Aside 2: Eagle-eyed readers will note that in the Profile page UI shown above, there’s also a new option to set your entire header to link anywhere you wish (whereas before it always linked back to the top-level of your Bandcamp site).
Please point us towards your own image map uses in the comments, we’d love to see them!
Update April 27, 2010: Cool image maps are popping up left and right. A few recent favorites: