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 :  

Comentários
2 Comentários

2 comentários

avatar
admin
segunda-feira, 23 novembro, 2015 ×

Ó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.

Resposta
avatar
admin
terça-feira, 24 novembro, 2015 ×

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

Resposta


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

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 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.