Só que, por padrão, no blogger, quando inserimos uma imagem de cabeçalho diretamente no HTML do template, incluindo um Background em ‘Heade...

Cabeçalho do blog em forma de link

Só que, por padrão, no blogger, quando inserimos uma imagem de cabeçalho diretamente no HTML do template, incluindo um Background em ‘Header’,ele fica clicável apenas nas páginas internas.
Por exemplo:
#header {background: url(‘url da imagem’) top center no-repeat;
Em alguns casos a imagem no cabeçalho (Header) não se apresenta de forma “clicável”, aparece apenas a imagem , mas não há link que redirecione para a página inicial.
Atendendo a um pedido, vou explicar aqui como transformar todo o cabeçalho (incluindo a imagem background do header) em um link que redirecione para a página inicial, não apenas quando o leitor está na página interna, mas também quando está na home.
Pode ocorrer também que o seu cabeçalho não possua imagem background, possua apenas texto, e você também pode deixa-lo ‘clicável’ quando o leitor estiver na página inicial.
Atenção:
este recurso só funcionará se o Header de seu blog NÃO ESTIVER dividido com nenhum outro elemento(como feed,busca etc), só poderá estar dividido com o título do cabeçalho.
Antes de mais nada, você já deve saber que é sempre bom fazer um backup do seu Template para evitar transtornos.
Para aplicar o recurso, entre na edição HTML do seu template, clique em “Expandir modelos de widgets” e procure pelo seguinte código:

<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
SUBSTITUA todo ele por:

<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <a expr:href='data:blog.homepageUrl'><data:title/></a>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>

Cabeçalho apenas com texto, sem imagem como background:

Se o seu cabeçalho não possui imagem background, apenas texto, caso queira deixa-lo ‘clicável’ de forma que sempre redirecione para a home, basta procurar pelo seguinte código abaixo:

<h1 class='title'><b:include name='title'/></h1>
e SUBSTITUIR por:

<h1 class='title'><a expr:href='data:blog.homepageUrl'><b:include name='title'/></a></h1>

0 comentários: