1- Imagem em gif:

2- HTML da imagem com mapeamento:

 <img id="Image-Maps-Com-image-maps-2014-03-10-201128" src="http://www.image-maps.com/m/private/0/ddq5cemcbqh8uug2ha9eruruv0_banner-animado-demi.gif" border="0" width="1200" height="500" orgWidth="1200" orgHeight="500" usemap="#image-maps-2014-03-10-201128" alt="" />  
 <map name="image-maps-2014-03-10-201128" id="ImageMapsCom-image-maps-2014-03-10-201128">  
 <area shape="rect" coords="7,465,131,500" alt="" title="" style="outline:none;" target="_self" href="LINK DO SEU BLOG"   />  
 <area shape="rect" coords="252,466,422,498" alt="" title="" style="outline:none;" target="_self" href="LINK DA SUA PAGINA CONTATOS"   />  
 <area shape="rect" coords="564,467,685,499" alt="" title="" style="outline:none;" target="_self" href="LINK DA TAG FOTOS"   />  
 <area shape="rect" coords="892,469,1019,496" alt="" title="" style="outline:none;" target="_self" href="LINK DA PAGINA SOBRE VOCE"   />  
 <area shape="rect" coords="14,345,527,401" alt="" title="" style="outline:none;" target="_self" href="LINK DO SEU BLOG"   />  
 <area shape="rect" coords="1198,498,1200,500" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />  
 </map>  

3- Link com a imagem no formato PDF para editar no photoshop ( lembrando se editar vai ter que mapear de novo no site image-map).

http://www.4shared.com/photo/48JLLM6Kce/banner_animado_demi.html?

Exemplo do cabeçalho postado no blog ja, esse eu usei um plano de fundo mas do blog mesmo, pois a imagem tem o fundo transparente.