Assinatura personalizada para seu blog | Quero Dicas | Tutoriais para seu blogs


Assinatura personalizada para seu blog



Hoje eu trago para vocês um tutorial de colocar uma assinatura personalizada no final da sua postagem.
Para quem já viu este procedimento, já sabe que fica bem legal ao final do post e, para quem não sabe do que eu estou falando, veja a imagem um pouco mais abaixo.
Antes de começarmos faça um backup do seu template, caso você queira voltar ao estado anterior
Não sabe fazer backup? Não tem problema, veja este tutorial.

    Criando uma imagem

1 - Crie uma imagem transparente de 200px por 50px ou clique aqui e pegue a base se preferir.

2 - Abra a imagem no Photoshop, PhotoScape ou se preferir use Pixlr (editor de imagem online).

3 - Escreva seu nome ou o que desejar ao final da sua postagem. Salve.

4 - Hospede sua imagem e siga para o tutorial em seu template.

Não sabe hospedar sua imagem? Não tem problema, veja este tutorial.

    Assinando seus Posts

1 - Acesse o painel do seu blog, clique me Modelo e Editar HTML


2 - Tecle Ctrl + F e procure por:

<data:post.body/> 



3 - Quando achá-la, abaixo dela cole este código:

 


4 - Agora onde está escrito "ENDEREÇO DA IMAGEM", cole o endereço da sua imagem hospedada na Web. Não apague as aspas!

E onde está escrito "Right", é a posição da imagem ao final da postagem. caso queira é só mudar. Também não apague as aspas!

• Center - Centralizada
• Right - à direta
• Left - à esquerda

5 - Salve e pronto. Sua assinatura personalizada já está ao final de suas postagens =D

E ai, gostou? Então deixe seu comentário! Beijinhos

Tutorial em vídeo

Me Contrate!

9 comentários

Clique e deixe seu comentários
segunda-feira, 13 abril, 2015 ×

Oi Danila. Já tentou colocar "Center" ao invés de Right? Caso ainda não dê certo, me explique melhor, para eu tentar ajudá-la. =D

Resposta
avatar
admin
segunda-feira, 09 novembro, 2015 ×

Olá Bia Barros devo dizer que adorei o seu blog com imensas dicas úteis para poder-mos personalizar o nosso blog,muito obrigada por despender de tempo para nos ensinar.No entanto ao experimentar esta sua dica da assinatura dá-me constantemente um erro que não consigo resolver,então optei por colocar a assinatura como imagem no fim do post.E também não consigo tirar a sombra das imagens porque não tenho .post-body img .Obrigada

Resposta
avatar
admin
segunda-feira, 09 novembro, 2015 ×

Olá Margarida.
Primeiramente obrigada por estar gostando do blog Quero Dicas, ele é criado com muito carinho para vocês e claro, por eu adorar ensinar. =D

Em relação a assinatura no final do post, realmente, tem que ser com uma imagem construída por você.

Na relação das sombras em suas imagens, já que não há o código que eu informei. você terá que ter uma noção básica de HTML e CSS, se tiver, siga as dicas:
Procure por .post-body, claro vão aparecer alguns códigos. Note em um deles se há img, apague e depois visualize. se tiver tudo certo, salve.
Mas lembrando.... faça um backup do seu template antes de mexer nestes códigos, caso faça algo errado, ele estará salvo em seu computador.

Espero ter ajudado.
Beijinhos ♥



Resposta
avatar
admin
segunda-feira, 01 fevereiro, 2016 ×

Oi Bia, estou adorando as dicas!!
Não consegui colocar a assinatura, no meu código só aparecem dois diferente do que você citou no vídeo o seu aparecem 3. Tentei nos dois e mesmo assim não consegui.

Obrigada

Resposta
avatar
admin
sexta-feira, 15 abril, 2016 ×

Olá seu código está errado...
Por isso eu não estava conseguindo e essa pessoa ai encima não conseguiu...

Resposta
avatar
admin
sexta-feira, 15 abril, 2016 ×

Olá Leeh Miranda.
Felizmente, este código não está errado. Afinal, eu coloco este mesmo em blogs de outros. O que pode estar acontecendo é vocês estarem colocando em local errado ou o seu layout ser baixado de sites gratuitos pela web (alguns não aceitam "certas" personalizações.


Resposta
avatar
admin
quarta-feira, 18 maio, 2016 ×

Olá Bia não consegui fazer a alteração informa que tenho que alterar vários códigos o que faço ?

Resposta
avatar
admin
quinta-feira, 19 maio, 2016 ×

Oi Marry.
Como alterar vários códigos?
É só procurar o 1º código e colar o 2º. Feito isso, adicione o endereço da sua imagem e pronto.

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.