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;
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.
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.
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: