How to add Multiple Clickable Images to a Header

To add a clickable header in graphene WP blog

dashboard -> appearance -> graphene options ->advanced -> tick graphene header {header.php}

then slide a text widget into graphene header widget area

Then:

• create an image in gimp then save as .jpg
• open the .jpg image
• filters -> web -> image map
• select area and click -> enter in URL
• select another area and click -> enter in URL
• -> view -> source to get the html code you need...

in WP

• upload the image via media to WP - {get the location of the stored file} 
• dashboard -> appearance -> widget -> graphene header -> text
• input the code from gimp, but update it with the URL of the header

<img src="http://weeklygroceryshopping.com/wp-content/uploads/2011/12/white-background-with-letters-and-ebook.jpg" width="960" height="198" border="0" usemap="#map" />

<map name="map">

<!-- #$-:Image map file created by GIMP Image Map plug-in -->

<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->

<!-- #$-:Please do not edit lines starting with "#$" -->

<!-- #$VERSION:2.3 -->

<!-- #$AUTHOR:Johnlyn -->

<area shape="rect" coords="8,13,548,181" href="http://weeklygroceryshopping.com/" />

<area shape="rect" coords="555,14,953,132" target = "new" href="http://weeklygroceryshopping.com/feed-your-family-ebook/" />

<area shape="rect" coords="849,139,895,188" target = "new" href="http://feeds.feedburner.com/Weeklygroceryshoppingcom" />

<area shape="rect" coords="901,141,946,191" target = "new" href="https://www.facebook.com/profile.php?id=100002957037720&amp;sk=wall" />

</map>

http://forum.khairul-syahir.com/graphene-support/inserting-images-next-to-header#post-10355
http://wordpresstipsandmore.com/2010/09/hello-world/
http://forum.khairul-syahir.com/graphene-support/how-can-i-add-adsense-to-the-background-image-1
http://www.ehow.com/how_5741472_make-clickable-image-map-gimp.html