Mais um tutorial para vocês!!! Hoje vou ensinar como fazer um perfil igual o meu, para felicidade de vocês. E o mais importante: esse tutorial é bem simples.
Vá em Design > Editar HTML > Aperte CTRL + F e procure por: ]]></b:skin>
Cole antes dele o código abaixo:
#sidebar #perfil {
display: block;
padding: 10px 10px 10px 10px; –/*espaçamento/margem da ‘caixa’*/
background-color: #fff0f3; –/*cor do fundo*/
border-radius: 6px; –/*borda arredondada, quanto maior o px mais redonda*/
box-shadow: 0 0 1em #ff93aa; –/*sombra da ‘caixa’ do perfil*/
}
Salve e ainda na aba Design vá em Elementos da página.
Clique em adicionar um Gadget > Html/JavaScript e cole:
<div id=”perfil”>
Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
</div>
Substitua a palavra ‘texto’ pelo o que você quer que apareça no seu pefil. Diga seu nome, personalidade, o que gosta e o que não gosta.
Caso queira adicionar uma imagem sua adicione o código depois de <div id=”perfil”>
<img src=”LINKDASUAFOTO” class=”alignright”/>
Substitua o LINKDASUAFOTO. Troque alignright por alignleft caso queira que sua imagem se posicione no canto esquerdo, e vice versa. NÃO retire as aspas!
Obs: Para adicionar os ícones das redes sociais, veja este tutorial. Se não sabe como hospedar imagens, clique aqui.
