Criar área de crédito no rodapé do Template

Neste artigo veremos como criar área de crédito no rodapé do template. É uma dica bem simples e fácil de ser implementada e serve tanto para os modelos de template do Designer de Modelo,quanto para os antigos modelos de templates mínima.

Criar área de crédito no rodapé do Template no Designer de Modelo

Se estiver usando um modelo de template Designer de Modelo, primeiramente, você terá que editar a área de “Attribution” do Blogger.

Entre no modo “editar html” através do painel do blogger e procure por: (use ctrl+f para localizar)

Você vai localizar esta linha:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Onde está “true“, troque por “false“.
Na linha acima, onde está showaddelement=’no‘
Troque por: showaddelement=’yes‘

Salve as modificações.

Agora entre no modo “layout” no painel do blogger , clique em “editar” no gadget “Attribution” e exclua este gadget.
Salve as modificações.

Agora você verá que existe um campo para “Adicionar Gadget” no rodapé.
Clica em “adicionar gadget” e escolha “html/javascript” e cole o seguinte código:

<div align='center' class='credit'><a href='#'>
NOME-DO-SEU-BLOG-AQUI </a> &#169; Copyright 2011. Tecnologia do <a href='http://www.blogger.com/'>Blogger</a>. </div>

Salve as modificações.

Criar área de crédito no rodapé do Template (Templates Minima)

Se você estiver usando modelo de Template Minima ou um template já modificado, procure por:

</body>

E cole logo ANTES desta tag, o código a seguir:

<div align='center' style='margin:10px' class='credit'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; Copyright 2011. Tecnologia do <a href='http://www.blogger.com/'>Blogger</a>. </div>

Visualize e salve as modificações.

Aplicar estilos CSS

Se quiser acrescentar alguns estilos , você deverá incluir algumas linhas de código no CSS.
Como existem muitas variações de estilos a serem aplicados, o que farei aqui, é destacar cada elemento, para que você possa entender e aplicar os estilos de acordo com seu gosto.

Entre na página ‘editar html’, e procure pela tag: ]]></b:skin> e cole logo ACIMA dela:

/*--coloque aqui os estilos que você quer que sejam aplicados ao espaço ocupado pelo área de crédito--*/
.credit{ font-size:XXpx; /*--fonte do texto--*/
color:#XXX; /*--cor do texto--*/
}
/* --coloque aqui os estilos para o link--*/
.credit a{ color: #XXX; /*cor do link*/
}
/* --coloque aqui os estilos para o link hover--*/
.credit a:hover{ color:#XXX; 
/*cor do link no estado hover*/
}

Lembrem-se: Os estilos deverão ser aplicados por você.