28 de outubro de 2015

Como editar o layout!

Então bonitos, vou mostrar como editar as coisas mais básicas do layout para vocês adicionarem todas as suas informações e usa-lo do seu jeitinho! But, antes de mais nada. peço encarecidamente para que não retirem os créditos ok? Ok! Lembrando que qualquer dúvida é só me perguntar lá no blog.
Vamos ao que interessa!

Modificando os links do menu

Aperte ctrl+f e na barra de busca procure por <div class='menu'> e você encontrará o seguinte trecho:
 <div class='menu'>
<ul>
          <li><a href='#'>HOME</a></li>
          <li><a href='#'>Sobre o blog</a></li>
 <li><a href='#'>Categorias</a></li>
 <li><a href='#'>Blogroll</a></li>
          <li><a href='#'>Contato</a></li>
        </ul>
</div>
Tudo isso que está em negrito você irá mudar! Onde está escrito "home", "sobre o blog", "categorias", "blogroll" e "contato" você trocará pela palavra que você deseja que apareça no menu. Já o "#" você trocará para o link que desejar. Um exemplo:
<div class='menu'>
<ul>
          <li><a href='http://claravasques.com/'>Página Inicial</a></li>
          <li><a href='http://claravasques.com/o-blog/'>Info</a></li>
  <li><a href='http://claravasques.com/about/'>Perfil</a></li>
  <li><a href='http://claravasques.com/links/'>Parceiros</a></li>
          <li><a href='http://claravasques.com/fale-comigo/'>E-mail</a></li>
        </ul>
</div>

Modificando o widget do perfil

Com o ctrl+f procure por <div class='perfil'>. Você encontrará esse trecho:
<div class='perfil'>
  <center><img alt='' class='moldurapic' src='http://i59.tinypic.com/f1lati.jpg'/></center>  
Troque esse link em negrito pelo link da sua imagem. Mas cuidado para não alterar o código, mexa apenas no link! Recomendo que a imagem seja no tamanho 202x282 px.

Logo abaixo disso você encotrará o seguinte texto:
Escreva aqui sobre você! Blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá 
Altere só e somente este texto pela descrição que você quiser. 

E por último, para modificar os links dos perfis das redes sociais, você encontrará abaixo desse texto o seguinte código:
<center>
<a href='URL DO FACEBOOK' target='_blank'><img alt='' src='http://i58.tinypic.com/5ph9h0.png' style='border: 0px solid ; width: 50px; height: 45px;' title='Facebook'/></a>

<a href='URL DO TWITTER' target='_blank'><img alt='' src='http://i58.tinypic.com/3305uvd.png' style='border: 0px solid ; width: 50px; height: 45px;' title='Facebook'/></a>

<a href='URL DO INSTAGRAM' target='_blank'><img alt='' src='http://i60.tinypic.com/dxonp.png' style='border: 0px solid ; width: 50px; height: 45px;' title='Facebook'/></a>

<a href='URL DO PINTEREST' target='_blank'><img alt='' src='http://i62.tinypic.com/25p2vdt.png' style='border: 0px solid ; width: 50px; height: 45px;' title='Facebook'/></a>
</center>
Você só precisa alterar o que está em negrito pela url do seu perfil de cada rede social, respectivamente!
Perceba no código que essas partes que citei a cima estão uma atrás da outra, justamente para você não se perder e mudar tudo de uma vez, sem precisar ficar procurando cada uma.

E é isso! Espero ter conseguido explicar direito, mas qualquer coisa pode me perguntar sem medo de ser feliz. É só dar um grito hehe. E também espero do fundo do meu core que vocês gostem!
Beijos!