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:
48 Comments
Right on.
The new index page feature is also pretty groovy!
Keep up the good work.
This will be a great addition to an already tight integration with our official site! Thanx!
This is…. Beyond excellent… Thanks so much!
Bandcamp just gets it right, every time, all the time.
brilliant! but: target=”_blank” doesn’t seem to work.
Thanks Robert, we’ll get that fixed.
Yet another reason why Bandcamp rules!
nice work! new EA header installed http://escapeact.bandcamp.com/
thanks guys :-)
Dudes,
You rock most hard, but what I would LOVE is a pop-out BC player for my blog. Any chance of such a thang?
Thanks!
Jeff
I love you!
This is really awesome! You guys really know how to make things easier to work with :D
Nice! I haven’t used an Image Map in many years, since slicing became vogue, but it makes total sense here. Ah, the good old days of simple HTML where you could see everything that was happening in one file. :)
Really nice feature. Hacked together a quick image map with a web utility, and now pretty much all my music stuff is interlinked.
I love the new index feature too; I find it’s a much nicer way of presenting things than going straight to the latest release (which might not always be what you want fans to see).
Thanks, and keep up the good work :)
Loving this. Next I’m really hoping to see an option allowing us to add our own custom HTML headers :)
brilliant
this is what i did with it (3 verry subtile links in the header):
http://www.akwalek.tk
*note: if you use a large monitor the BC navigation bar is kinda annoying right there in the middle of the screen…
Excellent new features, well done! Might I suggest that the new index page could be developed a little more. The ability to add a little bit more information would be great, just a couple simple things like a short bio on there, maybe with a 200-300 word limit so the page doesn’t get too massive. Also, maybe a simple and unobtrusive way of syndicating an RSS feed from say a blogspot or similar from the band would be cool. This would make this index page more useful and give the visitor a bit more info about whose page they are looking at. Obviously, no one wants this to turn into a myspace style mess though!
Great work, bandcamp is going form strength to strength, easily the best platform for musicians sharing their music on the internet!
brilliant feature once again!
I’ve been working on the integration of bandcamp into my site and vice versa. This completes it very nicely; it all comes together now. Wonderful!
Will you marry me ?
New header up : http://thot.bandcamp.com/
Thank you to the bandcamp team !
Some more great features put to use:
http://islandsofescape.bandcamp.com/
brilliant stuff,
Thankyous.
Yes! Another rad feature release. As if the new index page wasn’t enough!
Check this: new index page and a working site map:
http://theenrighthouse.bandcamp.com/
Can’t thank you enough for making my life as a musician easier month after month – and, perhaps more importantly, more stylish and fun!
-Mark
Awesome!
Keep it simple…
My header: http://anyversionofme.com/
Guillaume
I did it!
http://maciekpankiewicz.bandcamp.com/
Love you guys!
M.
but there is something that might seem odd to a potential customer. when checking out, the custom header appears on the top of the paypal site. problem: the image map-links also appear, unclickable of course.
wouldnt it be better to use a different or no logo image file for paypal use?
Thanks for catching that Robert, we’ll get it fixed up shortly.
This is freakin’ awesome!! Thanks!
You guys are teh awesome. If I could make sweet love to Bandcamp, I would.
Got mine done, fiddly little buggers they are!
http://music.esgi.co.uk/
Looking gooooood :-)
I can’t believe how good you guys are at responding to user requests. Thanks very much, and nice work!
Very cool – thanks for the tip!
Any chance of allowing just normal HTML and CSS in the header?
You guys just rock! Thanks alot.
Gracias Bandcamp!
This is the best thing ever. Thanks for all of this.
Love your guys site. Truly a mastery of code. I’ve been waiting for a site like this to come out for a long time and you guys did it better than I could imagine. Seamless strong code that works cross browser, I love it. I just worked for 4 hours with your page and got something great rolling, I can’t wait to incorporate it even more. Thanks again bandcamp, and to all that work on your team, you guys are doing it RIGHT!!!!!!
music.makeshiftprodigy.com
makeshiftprodigy.com
thanks,
Joe Bauer
Works like a charm, cheers guys ;)
You guys are great, thank you for the wonderful implementation!
Just finished updating the first version on:
http://iancampbell.bandcamp.com/
Looking forward to making this even more seamless. Great feature!
I’m loving this feature, came out just in time for the redesign of my site! Great job guys!
I’m a musician, NOT a whizzzz at web design and I love the image mapping! Really makes the site “feel” like a website. thanks!
You guys are really listening, thats awesome! Maybe for the next round of tweaks, you can make it so every artist listed in a site that uses their bandcamp as a label page (er go mine), u can also have a link for each separate artist you list. Right now, every artist goes to the SAME link posted in account profile. Just a thought…
The “_parent” target doesn’t seem to work either. I have bandcamp as my “music” page integrated with my bandzoogle.com hosted web site. I have an issue with the bandzoogle site-wide music player. When coming from my bandzoogle site to my “music” page (bandcamp site) and then back to bandzoogle site via clicking a menu option in my bandcamp image map header, a second site-wide music player will stack. I was told to add the target=”_parent to my image map links to fix this. However, after I enter my area tags it seems to automatically remove my _parent targets. Can this be fixed? Small issue I know but there may be others integrating bandcamp with bandzoogle. Thanks!
Yep, we’ll get that fixed, thanks Jenefer.
I just played around with the image map feature for my artist Emily Zisman (http://emilyzisman.bandcamp.com). I wanted a very simple usage that somewhat matched the minimal design of her site. As I get a chance to make the site more “beautiful”, I’ll do the same with the Bandcamp site!
Thanks for this amazing feature (hell, for all your features.) Our band website is looking pret-ty nif-ty… Check us out: (http://cascadearray.com)
Love being able to integrate some of our website look & menu links into the bandcamp site! Thank you!!
Finally got mine up and running: http://christinablust.bandcamp.com. Everything integrates so nicely with my main site now – thanks Bandcamp!
Also, I found this explanation/how-to of image mapping extraordinarily helpful: http://webdesign.about.com/od/imagemaps/a/aabg051899a.htm
Robbie here from bandcamp. I just wanted to give the heads up to those waiting with bated breath — area tags in the custom headers now support the target attribute and title attribute. Hooray!
Anyone know how that lakefield site from the favorites section is managing to get their background image to appear in the header section?
Thanks so much Bandcamp for all the features and tools for the musicians. I recently joined Bandcamp and i love it so much. I also made the integrations with my web and everything is working fine. Two month ago i have no idea about html,CNAME, DNS, Image Map, etc…I started to study , create my website for myself and also integrated with Bandcamp, so Thank You Very , Very Much from the other side of the world, and don`t forget to check my site and music. Best regard, keep it up the good work!!
:D
http://delonelyman.ricardogonzalezdiaz.com/album/delonelyman
Ricardo_
2 Trackbacks/Pingbacks
[...] We enjoy doing as we are told: VIEW HERE [...]
[...] music player widgets, allow you to customize your store’s colors and design, and you can even integrate your Bandcamp store into your existing website by using an image map. Also, instead of picking fixed prices for you music and merchandise, you create “minimum [...]