Colocando créditos no rodapé do blog | Quero Dicas Quero Dicas : Colocando créditos no rodapé do blog

Quero Dicas : Colocando créditos no rodapé do blog

Colocando créditos no rodapé do blog

|


Você acabou de personalizar ou customizar seu blog? Então precisamos colocar créditos no final dele com ou sem imagem, vai da sua imaginação ou do design do seu blog.

Entenda: Com ou sem imagem, devo explicar melhor:

• Sem imagem: É somente o nome do seu blog, o nome de quem criou (o seu, é claro!), a plataforma onde seu blog está hospedado e você poderá colocar cor ao fundo para dar mais destaque.

• Com imagem: São com os mesmas palavras e itens acima só que ao invés de uma cor, você adiciona uma imagem ao fundo. | Veja o exemplo nos modelos abaixo.

Agora que entendeu o que é "com ou sem imagem", sem blá blá blá, vamos direto ao tutorial


  Sem Imagem


1 - Acesse o painel do seu blog

2 - Procure o código </body>

 </body> 

3 - Quando encontrar ACIMA dela, cole o código



PERSONALIZANDO!
Altere as seguintes palavras:

https://draft.blogger.com/ENDERE%C3%87O%20DO%20SEU%20PERFIL:
Troque pela URL do seu perfil. Ex: Google+, Instagram, etc.

TITULO QUE DESEJA: É o texto que você quer que apareça quando alguém colocar o mouse sobre seu nome.

SEU NOME: Ele já diz tudo, não é? Claro, este é para colocar o seu nome.
Não retire "Plataforma e Tecnologia:". Eles são os créditos do Blogger. Lembre-se sobre direitos autorais, plagio, etc. Há não ser que você tenha o gadget "Atribuição" ao final do blogger.

4 - Agora procure pelo código:

 ]]></b:skin> 



5 - Acima dele, cole um dos códigos:

Este fica em toda a extensão 
Créditos no rodapé


#footer-wrapper {
    background: #FFF5EE ; /** cor do fundo **/
    z-index: 1000;
    height: 30px;
    clear: both;
    font-size: 100%; /** tamanho da fonte **/
    color: #000; /*** cor da fonte ***/
    text-align: center; /** alinhamento da fonte **/
    padding: 7px;


Margem junto a extensão 
Créditos no rodapé


#footer-wrapper {
    background: #FFF5EE; /** cor do fundo **/
    background-repeat: no-repeat;
    width:1000px ; /** tamanho do blog **/
    margin:0 auto;
    z-index: 1000;
    height: 40px;
    clear: both;
    font-size: 100%; /** tamanho da fonte **/
    color: #000; /** cor da fonte **/
    text-align: center; /** alinhamento da fonte **/
    padding: 7px;
    }


PERSONALIZANDO!
Personalize onde deixei escrito ao lado de cada código.
Depois de tudo concluído, Salve e Pronto!


 Com imagem ao fundo



Com este código você vai deixá-lo neste estilo


1 - Siga todo o processo 1, 2 , 3 e 4 (inicio da postagem)

2 - Quando terminar e localizar o código ]]></b:skin>, acima dele, cole:

#footer-wrapper {
    background: url(URL DA IMAGEM) no-repeat  bottom center;
    z-index: 1000;
    height: 200px; /** altura da imagem **/
    margin-top: 20px;  /** altura da imagem **/
    clear: both;
    font-size: 100%;  /** tamanho da fonte **/
    color: #000;  /** cor da fonte **/
    text-align: center;  /** Alinhamento da fonte **/
    padding: 7px;
}


PERSONALIZANDO!

1 - Crie uma imagem total do seu blog (Largura). Preste atenção na hora da altura, pois poderá ficar alta demais.
Para ficar mais fácil para você, tenha uma base sobre a minha que é de 1400px por 162px para um blog de 1060px de largura.
2 - Troque URL DA IMAGEM, pelo endereço da sua imagem, já hospedada.

Caso não saiba hospedar veja um desses posts:
Como hospedar uma imagem gratuitamente na Web para seu blog
Como hospedar suas imagens no seu próprio blog

3 - Personalize onde deixei escrito ao lado de cada código até ficar certo e ao seu gosto. 

4 - Salve e Pronto. Seu blog já está com créditos personalizado.

Espero ter ajudado. 
Beijinhos

Compartilhe


2 comentários:


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Por favor, não adicione links externos nos comentários.

Beijinhos ♥

  1. Ótimo post, deu certo aqui... Só que está faltando um apóstrofo no primeiro código em "ENDEREÇO DO SEU PERFIL". Não sei se a falta dele prejudica ou não o código, mas de qualquer forma eu coloquei.

    ResponderExcluir
    Respostas
    1. Obrigada Aznen, pela atenção ao código.
      Que bom que tenha gostado e por seu comentário. Beijinhos ♥

      Excluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir