Créditos no final do blog com ou sem imagem | Quero Dicas | Tutoriais para seu blogs


Créditos no final do blog com ou sem imagem


Você acabou de personalizar ou customizar um 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.

Para que 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. Claro, você poderá colocar cor ao fundo para dar mais destaque.
• Com imagem: É com os mesmas palavras (acima) só que ao invés de uma cor, você adiciona uma imagem ao fundo. Veja o exemplo no final do deste blog (rodapé).

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


  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. Caso tenha gostado, deixe seus comentários =D 
Beijinhos

2 comentários

Clique e deixe seu comentários
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
avatar
admin


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

Comente. Mais peço que leia antes:

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 xingamentos entre outros, não serão publicados ou respondidos.

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

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

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