Tutorial: perfil do blog
sexta-feira, fevereiro 17, 2012Mais 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.
27 comentários
O seu perfil é fofo, hihi
ResponderExcluirhttp://perfeitateen.blogspot.com/
Você manda muito bem, Jaque! Ótimo tutorial, esse perfil é super fofo...
ResponderExcluirBeijo e ótima sexta-feira pra vc, bom carnaval!
Just Carol
Adorei Jaque, adorei o tutorial,bjos
ResponderExcluirhttp://toquaseprontaprasair.blogspot.com/
Seu perfil e lindo, pena que o meu ja ta pronto e ta mais ou menos do jeito q eu quero
ResponderExcluirAmei jaque, estou fazendo um lay novo e vou usar sem dúvidas rs
ResponderExcluirBjocas
TDiaryofteens.blogspot.com
É a primeira vez que eu visito o seu blog e adorei ele. Super atualizado, sem contar que o layout é lindo demais.
ResponderExcluirBeijos, Ana.
own, adorei :b!!! toda vez que venho no seu blog e vejo alguma dica de HTML fico vontade de mudar meu layout!! hahahaha
ResponderExcluirlindo post como sempre!!!
bjs!! :m
adorei o tuto sua linda :)
ResponderExcluirhttp://whatisbrubs.blogspot.com
adorei a codificação, super facil e leve. acho que usarei no proximo lay do icif que ja ta sendo feito1 ;)
ResponderExcluirbeeeijos, te espero lá ;)
http://www.itcrazy-itfashion.com.br/
Que legal, e o melhor:super fácil.
ResponderExcluirCozinhando com o Minduim
Obrigado pela visita,
ResponderExcluirvolte sempre.
beijão.
Ótimo tutorial! Faz toda a diferença para quem está começando a blogar e de repente encontra uma explicação simples de como faz algo bonitinho e que valoriza o blog!! Parabéns Jaque, super digno esse post! Você sumiu lá do #ADS, espero vê-la mais vezes por lá!! Beijos querida blogueira!
ResponderExcluirAntes de Sonhar
No meu nem deu KKKKK
ResponderExcluirSeguindo, segue tmb? http://gradientgirls.blogspot.com/
vou usar esse tuto no meu próximo lay, fica com certeza mto lindo, já ia te perguntar como vc fez kkkk <3 aahh, ta tendo um concurso super legal lá no blog, ele é bem diferente, *-* com o tema fotografia, que vai acontecer em várias epocas do ano, a nossa intenção é trazer um pouco da fotografia para os blogs, e a foto não precisa ser necessariamente sua passa lá e confere?
ResponderExcluirwww.blogmundodamoda.com
Ótimo tutorial, como sempre!! =D
ResponderExcluirBeijos
Ann;
Vinte & Poucos
Coisa inda esse teu blog *-*
ResponderExcluirQueria pegar lay free que vc fez, mas já vi que algumas pessoas tem igual, aí fica chato né?! Mas tô pensando seriamente em usá-lo rsrsrs
biejos
Sua liiinda, eu super queria esse tuto e você feez :m Viiva, ainda nao sei se vou fazer meesmo um perfil (WHAT? :q ) mas se eu fizer, vai ficar lindo igual ao seu *-*
ResponderExcluirhttp://thebluberryon.blogspot.com/
Ah que legal, vou tentar colocar no meu proximo layout!
ResponderExcluirmuito bunitinhuu o teu perfil...
ResponderExcluir:u
Eu deveria ter lido isso antes, super sofri para fazer isso no meu, o jeito que tu passou é tão simples.
ResponderExcluiramei o tutorial *-*
ResponderExcluirnossa tu ta me ajudando muito <3
ResponderExcluirÓtimo tutorial, muito bem explicado e o que é mais importante, dá certinho...muito obrigada seu blog é lindo..=]
ResponderExcluirAdorei esse tutorial, me ajudou bastante!
ResponderExcluirBeijos,
www.jubarrosmoda.blogspot.com
Adorei o blog! Super fofo!
ResponderExcluirBeijinhos
Isso aqui sempre me ajuda♥
ResponderExcluirentaodeixaflorir.blogspot.com.br/
olá meu nome é regiane, e estou contando a dificuldade que passei pra criar meu perfil e como seu blog me ajudou, deixando o link do seu blog la, pra quem quiser os códigos, muito obrigada pela ajuda, beijos e abraços !! abusandocompouco.blogspot.com.br
ResponderExcluirOs comentários desse blog são moderados, portanto só serão publicados após aprovação. Comentários com propagandas, divulgações e comentários pedindo para seguir não serão aprovados. Deixe o link do seu blog caso queira que eu retribua algo. Obrigada.