Quem sou eu personalizado:
Primeiramente, você precisa ir em "Layout" e adicionar um "HTML/JavaScript" e logo em seguida, cole o seguinte código:
<div class="perfil">
<div class="foto">
<img src="LINK-DA-SUA-FOTO" />
<p>Seu nome</p>
</div>
<div class="texto">
<br />
Quem sou eu? ESREVA UM BREVE RESUMO SOBRE VOCÊ AQUI. FALE SOBRE O MOTIVO DE VOCÊ TER CRIADO O BLOG, SOBRE OS ASSUNTOS QUE VOCÊ ABORDA...
<br />
</div>
<div class="social">
<a href="SEU FACEBOOK" class="fa fa-facebook" target="_blank"></a>
<a href="SEU INSTAGRAM" class="fa fa-instagram" target="_blank"></a>
<a href="SEU PINTEREST" class="fa fa-pinterest" target="_blank"></a>
<a href="SEU CANAL NO YOUTUBE" class="fa fa-youtube-play" target="_blank"></a>
<a href="SEU TWITTER" class="fa fa-twitter" target="_blank"></a>
<a href="mailto:SEU ENDEREÇO DO E-MAIL" class="fa fa-envelope-o" target="_blank"></a>
</div>
</div>
<style type='text/css'>
.perfil{
}
.social {
display: table;
margin: auto;
}
.social a {
font-size: 15px;
text-align: center;
background:#222;
color:#fff;
width: 33px;
height: 32px;
line-height: 34px;
display: inline-block;
border-radius: 50%;
margin: 5px 5px 0px 5px;
transition: 0.5s;
text-decoration: none;
}
.social a:hover {
background:#ff1492;
color:#fff;
}
.foto img{
border-radius: 50%;
width: 290px;
}
.foto p{
font-family: Segoe Script;
font-size: 52px;
margin: -60px 0 0 -1px;
text-align: center;
color: #222;
text-shadow: -1px -2px 9px rgb(255, 255, 255);
line-height: 47px;
}
.texto{
text-align: justify;
padding: 12px;
font-size: 12px;
font-family: verdana;
}
</style>
<div class="foto">
<img src="LINK-DA-SUA-FOTO" />
<p>Seu nome</p>
</div>
<div class="texto">
<br />
Quem sou eu? ESREVA UM BREVE RESUMO SOBRE VOCÊ AQUI. FALE SOBRE O MOTIVO DE VOCÊ TER CRIADO O BLOG, SOBRE OS ASSUNTOS QUE VOCÊ ABORDA...
<br />
</div>
<div class="social">
<a href="SEU FACEBOOK" class="fa fa-facebook" target="_blank"></a>
<a href="SEU INSTAGRAM" class="fa fa-instagram" target="_blank"></a>
<a href="SEU PINTEREST" class="fa fa-pinterest" target="_blank"></a>
<a href="SEU CANAL NO YOUTUBE" class="fa fa-youtube-play" target="_blank"></a>
<a href="SEU TWITTER" class="fa fa-twitter" target="_blank"></a>
<a href="mailto:SEU ENDEREÇO DO E-MAIL" class="fa fa-envelope-o" target="_blank"></a>
</div>
</div>
<style type='text/css'>
.perfil{
}
.social {
display: table;
margin: auto;
}
.social a {
font-size: 15px;
text-align: center;
background:#222;
color:#fff;
width: 33px;
height: 32px;
line-height: 34px;
display: inline-block;
border-radius: 50%;
margin: 5px 5px 0px 5px;
transition: 0.5s;
text-decoration: none;
}
.social a:hover {
background:#ff1492;
color:#fff;
}
.foto img{
border-radius: 50%;
width: 290px;
}
.foto p{
font-family: Segoe Script;
font-size: 52px;
margin: -60px 0 0 -1px;
text-align: center;
color: #222;
text-shadow: -1px -2px 9px rgb(255, 255, 255);
line-height: 47px;
}
.texto{
text-align: justify;
padding: 12px;
font-size: 12px;
font-family: verdana;
}
</style>
Veja também: Layout Free - Minimal Base + Update + novidades no blog
Postagem Popular personalizada no blogger
Menu no topo com redes sociais e barra de pesquisa
Personalize do jeito que você quiser e logo em seguida clique em "Salvar".
A minha personalização ficou como na imagem ao lado, mas você deve mudar de acordo com o seu gosto.
OBS: Não esqueça de adicionar o link das suas redes sociais onde está pedindo
Se você quiser personalizar mais o seu blog, acompanhe os outros tutoriais que tem aqui.
Se você gostou desse breve tutorial, comente aqui abaixo e dê sugestões para o próximo!
Acho ótimas suas dicas.
ResponderExcluirbig beijos
www.luluonthesky.com
Obrigada <3 Beijos
Excluirah que bacana! já quero tentar colocar essa assinatura no final dos meus posts!
ResponderExcluirwww.tofucolorido.com.br
www.facebook.com/blogtofucolorido
Tenta sim Lívia.
ExcluirObrigada pela visita ❤
Amei essa dica, favoritei a publicação para quando precisar mudar. Tutorial super necessário!
ResponderExcluirAmei, beijos 😘
http://meninaneemteconto.blogspot.com/
Mudar as vezes é bom, mesmo sendo esses pequenos detalhes.
ExcluirBeijos ❤
Achei sensacional a dica. Muito simples!
ResponderExcluirBeijos
https://glamour-02.blogspot.com.br/
Que bom que gostou, é simples e muito fácil.
ExcluirBeijos!
Que showww de dica! Vou tentar fazer, acho tão fofo blogs que tem <3
ResponderExcluirBeijinhos
tipsnconfessions.blogspot.com
Tenta sim, é bem fácil e você vai conseguir.
ExcluirBeijos <3
Adorei a dica!
ResponderExcluirFiquei até com vontade de mudar meu blog ❤
www.blogsereiando.com
Salva o tutorial pra quando você resolver mudar haha
Excluirbeijos
Haaaa que dica maravilhosa! Parabéns por disponibilizar esses conteúdos. Bjos
ResponderExcluirFaça-me uma visita -> LEH BLOG | INSTAGRAM
Que bom que gostou <3 Muito obrigada!
ExcluirGostei muito dessa dica, mas tive um problema: os ícones das redes sociais ficaram totalmente pretos; não aparece o logo da rede. Você saberia o porquê?
ResponderExcluirAbraços!
https://garotadepersonalidades.blogspot.com.br/
Provavelmente você não tem a fonte awesome instalada no seu blog, para instalar vá em TEMA > EDITAR HTML > abaixo de HEAD cole o seguinte código:
Excluirlink href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/
OBSERVAÇÃO: No começo do código coloque < e no final do código coloque >
Caso não funcione me avise :) Obrigada pela visita!
muito legal esse blog https://euleioabibliablog.blogspot.com/
ResponderExcluirFico feliz que gostou <3
ExcluirMULHER TU ARRAZA DEMAIS NOS CODIGOS, SUPER ME AJUDOU... CONTINUE ESCREVENDO QUE TEU BLO TÁ UMA GRACINHA..
ResponderExcluirO MEU É: https://www.rulosviajeiros.com/ DÁ UMA OLHADA POR LÁ... É DICAS DE VIAGENS <3
Muito obrigadaa *-* Vou olhar seu blog <3
ExcluirOlá! Eu sou nova nesse negócio de blog, hahaha Quando você diz "coloque aqui sua foto" com um link... De onde eu linko?
ResponderExcluirPrimeiramente você terá que hospedar sua foto em algum lugar, eu geralmente hospedo no Imgur ( é gratuito ). Logo em seguida você terá que pegar o link dessa sua foto e colar onde se pede no código. Espero que tenha entendido, qualquer dúvida pode perguntar <3
ExcluirObrigada pelas dicas!
ResponderExcluirObrigada pela visita :)
ExcluirMuito bom!!
ResponderExcluirFico feliz que gostou :)
Excluiroii, deu tudo certo, más a imagem não, aparece que está bloqueado :/, pode me ajudar? otimo post por sinal!
ResponderExcluirOlá, Jean! Onde você hospedou sua foto? Observe se o final do link está como ".png"
ExcluirRecomendo que você hospede no Imgur, semore dá certo comigo.
Amei esse blog!
ResponderExcluirMe ajudou muito obrigada.
ResponderExcluirMuito bom! Gostei! 👏👏 Estou em https://divulgak.blogspot.com/
ResponderExcluir