Criando um blog 2-Tutorial

13:00

Olá galerinha,esse é mais um post da série Criando um blog do zero,para ver o primeiro post clique aqui. Hoje eu vou aplicar alguns tutoriais para mostrar à vocês como meu blog está ficando,não tem muita coisa ainda,porque preciso de tempo para aplicar,mas aos poucos vou fazendo e trazendo para vocês ok?!!
Para começar,vamos personalizar a parte da autora do blog,então,se na postagem anterior você colocou o gadget de Perfil,é só apagar e recomeçar do zero,vamos precisar de:
-Uma foto sua(ou de algo que te represente)
-E descrição sobre você
-Ícones de redes sociais


A foto é fácil de achar rs,pode editá-la,escrever seu nome,colocar enfeites,o que quiser :)
Vou usar uma foto aleatória aqui,mas,fiquem a vontade para soltar a criatividade.
Agora que você escolheu a foto,vamos em Layout>Adicionar um Gadget> Imagem (como na imagem abaixo)


Assim que você clicar no +,será redirecionado a uma página,preencha só os campos que estão indicados.A legenda,você pode deixar em branco se quiser,porque poderemos escrever junto com as redes sociais.




Depois disso,Salve.Agora vamos a parte dos ícones de redes sociais.
Clique em Adicionar Gadget>Java Script/HTML


E cole esse código no espaço Conteúdo ***não esqueça de deixar o título em branco***
<center> <br />
NOME E DESCRICAO DA  BLOGUEIRA AQUI <br />
<
a href="
LINKDOFACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLhojZji8_sraJpS2mjpBiZGDjSuP-id5ZGQmZmqyRz2SGrwA7iNTHJ5Ztum368G9eYlDjFSHpGvKhC4Ws5-_-0Om43PEAfH0S7c9KTNJ4VT-fBDfEcNf6mb9SDvYgYas9CRzvKdCXPwAI/s46/Modelo3Facebook.png" /></a><a href="LINKDOINSTAGRAM"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEk7KKXa9JLv_zqeXS2Gmo57Ek4xUPa0zzPN0bG1rpQZNMfxTOLAxJVDI5_V7f96ve1B5avFeaRgHVHJt2xbumw1_n62rMZjlcsqjCwLLlCYTJ9mY7RNlK3a7c5ScBDJmFdatshSxfF6j/s46/Modelo3Instagram.png" /></a><a href="LINKDOTWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZuscr5DIqW8ZRdi-z9-KGC5HAWsifLqD5b-Ai3NI8SUvOOI8xqeDKp98jV9f75LYx2B6tyLAXfIsYIBzZHzC3RPNxMd9rQTaShM21R8RXwO6t8Yj5Oz7xSQjyMtv7MswtADGxSXmqaMDB/s46/Modelo3Twitter.png" /></a><a href="LINKDOGOOGLEPLUS"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC3i00KUM0L6EQjrB6npru5D3e491xYRpcIoSU58kkbw5gEcxNGRpMJMgO5AQPr1p2KjiyFu8qfHYSbO99053wHBg96GpWXSExO6seydHR49wwZilawLoVmHINEssbgc9qMqbAD6EgMEuF/s46/Modelo3GooglePlus.png" /></a><a href="LINKDOWEHEARTIT"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6lsejG1KArRqZF9c1Po7_Zz9CXHS5zeMREIXGNwiIs7x2ZCOX32DQ7EErJaV6M5lLu1cWU53IEZWMISKnEXhp-QG6XdknRBwg1H3PNNuliVJ_ZO5AVqMnoayQt-MzinjzrWUQJC-I9Jfn/s46/Modelo3WeHeartIt.png" /></a><a href="LINKDOFLICKR"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi592AIKL6KgSQFkUCiJF_5zLFDLA0wZtR1yC1i2AISaaqKU__r1090fGWGdq6TpT1W9prwAkJqJkm3ugywYupTVbGYVIAspa4kkEOA_WgNyC3aImUlpuUj0sa3ymnw63qecsr4qfIjT-mR/s47/Modelo3Flickr.png" /></a><a href="LINKDOTUMBLR"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghZ6EaZFby-rkpc0eF2pALbJEKtK1YzjWWuqHucD-VifXvaJQXXSDae09svYVmvWtVuBuHla7_SFS3RHlrk069o2WlTBU06zjEju4kY1k_xm2JNsKuR0cxPJV-tZg-qg_iOnOG7wZTaqv5/s46/Modelo3Tumblr.png" /></a></center>
Se você não quiser escrever uma descrição apague toda a parte em azul.
Os ícones que eu usei são esses do blog Follow your dreams,mas se vocês quiserem achar outros, é só mudar o link que começa com http:// para o link do seu ícone.
Se você não tiver alguma das redes sociais é só apagar ela do código,mas cuidado,apague somente a parte que vai de <a href= .....</a>,por exemplo,se você não tiver facebook é só tirar essa parte ><a href="LINKDOFACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLhojZji8_sraJpS2mjpBiZGDjSuP-id5ZGQmZmqyRz2SGrwA7iNTHJ5Ztum368G9eYlDjFSHpGvKhC4Ws5-_-0Om43PEAfH0S7c9KTNJ4VT-fBDfEcNf6mb9SDvYgYas9CRzvKdCXPwAI/s46/Modelo3Facebook.png" /></a
Depois de preencher todos os espaços,clique em salvar e mova o gadget para baixo do gadget da autora.
Coloque em Salvar Organização e está pronto.
O meu ficou assim no final






A última coisa que vou ensinar agora é colocar uma seta para voltar ao topo do blog
É só ir em Modelo>Editar HTML
Procure por </body>
E cole o seguinte código ACIMA dele
<div style='float:right;'>
<a href='#'>
<img src='URL DA IMAGEM DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/>
</a>
</div>


Edite apenas o que está em azul,colocando o link da sua imagem de topo.Abaixo tenho algumas imagens que separei em outra postagem desse tutorial.
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjemQXh3T3wvg_jTmeW0vAJQLXzGV_ctTh7fCs9YFRioUBBKBBylO3twDDGsN4eK6jUotjVdl2GVdxBT7uuskXSChuNgxz6MGVYOO1qR_P1Ry1e_71GdCmhtHqM0a5v9HBBjqH8Eu7hBxg/s1600/topo14.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1R5tZi2fyArbaYAmuhiTXDt5L_cRYvYhK8LP5rZ5zB3agfgzn4p_9VIUsIHhsdJnScwryPLELtDGNKX6NUNcNHxTwbeeFQTqGaYHUnU1fqF5U_XyfmUGsm3eMk0HMFa8Bvpzn-QJCys/s1600/topo13.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGmvXOOCB7C0Bex59dIPcGMFuD_WI1AVbUE_-vQgp5Tue_w7KaxfuhxD-qdPOcz2perH7gOXFeqR0K31Eh18XxmKm6vbnvz6iXzHAKzJU2P63DZ8GUYd7hRyrkDgCE6E38eRgLXLIBhM/s1600/topo8.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ_Q-PF-mLKb2z11EuOkmr-B9qWFsvTJcFQ99T2pxXfMnKR39RlNuo6fxiY3GSAlcfJVhyphenhyphen6-BXeMkD7zvpbGTIku8rrrj49zXA_Il7epccGdjEeJEZ4neVVlGX7XYJ-H1CpcLOFylkG4/s1600/topo7.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzLZ3UEgSFv-NYSoL-2o7NWpBImPIYnwdO18l0Blt4Kn-jhhIdtNaoyMYyYmZ_eBcG18yRPbFBGRqii-nqyzHbDLC9uVAqpF8FOGCGjkpFj5Aa6B-p4UkjV3vGIfwpPRjRjp3JYzVDtgp/s1600/bot%C3%A3ocerejathaysoares.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZwa8SG_N-JiEZgcnrs0k_SPX389J1zSJX8WI37s-rC28ey8OpgGgHU4Eh5NQU4pptHBUBtrmPBaPPWYvzGxGvblBQhqe4efGkAOs8qvSZwqowQFmYiLx709a9vUsqfjoIJbk0JjVF44/s1600/topodoblogdetalhes6.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgch32dd-mFxs32n-q1rdhCbHf98rViTZWM10fBA9bAh1mf5IkSD-gdspQPBOGEKwCWbwFCmsieb3bI7jlfO5dKSLkcwtbykhZpW8EMrO-XzWgjjFBpYcOAiSo7JU2tPaC7SLZuKdYBM4w/s1600/topodoblogdetalhes8.png


Por hoje é só,galerinha,vocês podem ver alguns tutoriais que eu já ensinei aqui no blog,é só clicar no seu preferido para ler :)
Rodapé personalizado
Menu no topo do blog
Data personalizada
Comentários personalizados


Espero que tenham gostado,na próxima quarta estarei de volta com mais tutoriais para vocês e com o blog novo bem mais arrumado rsrs
Beijos

VOCÊ TAMBÉM PODE GOSTAR

2 comentários

  1. Esses seus tutoriais estão me ajudando pra caramba! Normalmente essa coisas quem fazia era o meu parceiro, e agora to conseguindo me virar sozinha! #Sucesso

    Beijos!
    Fabi Carvalhais
    http://pausaparapitacos.blogspot.com.br | facebook.com/pausaparapitacos | @pausaparapitacos

    ResponderExcluir
    Respostas
    1. Obrigada Fabi,que bom que posso ajudar de alguma forma :)
      Muito legal :)
      Beijos ^.^

      Excluir

Obrigada por ter lido a postagem
Conte-me o que achou *--*
Deixe seu link nos comentários para que eu possa retribuir a visita <3
Se preferir para deixar seu link use
Esse código para comentar