Criando um blog 2-Tutorial

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://lh6.googleusercontent.com/-Ah2BAvjzN0o/UlAbyQoAXTI/AAAAAAAABrY/VCHc1Xyl0v8/s46/Modelo3Facebook.png" /></a><a href="LINKDOINSTAGRAM"><img src="https://lh4.googleusercontent.com/-dad-wHGpbMs/UlAbzfYiyfI/AAAAAAAABrs/d3Dli3elh5w/s46/Modelo3Instagram.png" /></a><a href="LINKDOTWITTER"><img src="https://lh6.googleusercontent.com/-42qKupaHqRM/UlAbzWqoVnI/AAAAAAAABrw/DiJ5--S53Dk/s46/Modelo3Twitter.png" /></a><a href="LINKDOGOOGLEPLUS"><img src="https://lh6.googleusercontent.com/-WoXRkVn7fBI/UlAbyZ2AZJI/AAAAAAAABrg/0eJnMZ7rIvY/s46/Modelo3GooglePlus.png" /></a><a href="LINKDOWEHEARTIT"><img src="https://lh6.googleusercontent.com/-vDP4M_EfthU/UlAbzvJf_EI/AAAAAAAABr8/d_BX0YM2g3U/s46/Modelo3WeHeartIt.png" /></a><a href="LINKDOFLICKR"><img src="https://lh5.googleusercontent.com/-APnIoo8sYpc/UlAbyXOXjOI/AAAAAAAABrc/gwbDnUZGrwg/s47/Modelo3Flickr.png" /></a><a href="LINKDOTUMBLR"><img src="https://lh6.googleusercontent.com/-MrrYlab6xNQ/UlAbzY3scPI/AAAAAAAABsA/5E40rPEAaro/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://lh6.googleusercontent.com/-Ah2BAvjzN0o/UlAbyQoAXTI/AAAAAAAABrY/VCHc1Xyl0v8/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.
 http://1.bp.blogspot.com/-e_cYZa4763w/UlHKsZBDpnI/AAAAAAAAKfs/pOX4e43I350/s1600/topo14.png


http://2.bp.blogspot.com/-Z_j4IkYVJkg/UlHKrwJB3xI/AAAAAAAAKfk/nmFS3q4k_Nw/s1600/topo13.png


http://1.bp.blogspot.com/-_D_P2qDHH1M/UlHKu14vvoI/AAAAAAAAKgk/IZ5Hlb4uCPE/s1600/topo8.png


http://4.bp.blogspot.com/-GvGYbCffoIM/UlHKuTv4GFI/AAAAAAAAKgc/aZ_7RLj2mhU/s1600/topo7.png


http://3.bp.blogspot.com/-__5iDqd0Ehw/T5L7YvkpFRI/AAAAAAAAA7Q/foCIy1iYJKk/s1600/bot%C3%A3ocerejathaysoares.png


http://3.bp.blogspot.com/-nXWxRo3L2yg/T678elRzzAI/AAAAAAAABz8/HsMOk6oPrx4/s1600/topodoblogdetalhes6.png


http://4.bp.blogspot.com/-sXAKEBJNmv4/T678f6xVWjI/AAAAAAAAB0M/DDHrQrvQvvA/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

CONFIRA TAMBÉM ⬇

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