Como fazer um perfil para blog / Sem usar html

oiii meninas tudo bém com vocês hoje eu vim "tentar" ensinar da forma mais facil pocivel de como fazer um perfil personalizado ja vou avisando que não vou nem tricar na parte de html do seu blog so vou usar html/javascript pois tem muitas pessoas que não gostam de mecher nessa parte gente eu meio que criei esse perfil de acordo com o que eu aprendi nos tutorias ai vocês me perguntam o que e perfil personalizado e uma pequena parte que fala um pouco de você o meu blog e o do meu blog é esse :

bom pessoal primeiro vocês vão abrir o seu bloquinho de notas do seu computador (ou então se você tiver outro progama que sirva também pode ) em seguida vocês vão colar esse codigo aqui:

<div id='PERFIL'>
<img src='LINK DA SUA IMAGEM '/>
</div>

<div class='descricao'>
ESCREVA AQUI A SUA DESCRIÇÃO .</div>

1-CRIANDO A SUA IMAGEM- Se você já sabe como criar pode ir para o segundo passo mas se você usa o PhotoScape recomendo que leia tudo pois eu vou dar uma dica de como deixar o fundo transparente se você quiser que sua imagem seja redonda  :)

Bom meninas primeiro vocês vão ter que fazer uma montagem no seu photo shop  com a imagem que você vai querer usar na foto (o tamanho da sua imagem depende do tamanho da sua barra lateral. recomendo vocês tirarem um print do seu blog e em seguida medir a largura  )
sei que muitos usam o photoscape , e também sei que muitos vão querer tirar aquele fundo branco que fica quando a gente corta a foto no photoscape redonda  . para você tirar a parte branca que fica quando você corta a imagem redonda no photoscape você vai nesse editor online  Pixlr que é otimo .
quando você entrar no link você devera clikar em open image from compute   e seleciona a imagem que você editou .

você devera clikar nesse cadeadinho 2  vezes para que possa liberar a imagem para a gente editar

em seguida clique na varinha destacada .

  e em seguida e só clicar na parte que deseja tornar transparente e clikar em delet no seu teclado .

para salvar e só voce ir em file e em seguida em salve. aparecera outra janelinha você deverar colocar a imagem no formato PNG . e estara pronta.

2- ospedando sua imagem-  bom existe varios sites para ospedar imagens mais o que eu mais recomendo é o IMGUR pois ele e facil e pratico de usar . para você ospedar clique no balãozinho azul la em cima escrito UPLOAD IMAGES

 em seguida clique no computadorzinho escrito BROWSE YOUR COMPUTE  e  selecione a imagem que nos editamos .

clique em STAR UPLOAD

quando ja tiver ospedado você vai copiar o direct link.

em seguida cole o direct link no codigo que esta no seu bloquinho de notas (substituapor :LINK DA SUA IMAGEM mas não apague nada a mais pois podera dar problema )

2-DESCRIÇÃO-   gente ta muito facil essa parti , apague  a parte que esta escrita ESCREVA AQUI A SUA DESCRIÇÃO e subistitua por um texto x falando um pouco sobre você .

vá em layout >adicionar um gadget> selecione html/javascript> ponha um titulo se você quiser e salve .

bom meninas foi isso espero que vocês tenham gostado eu acho que me sai bém né pois é o primeiro  tutorial que faço qualquer duvida só falar ai nos comentarios que eu respondo e se alguém não estiver conseguindo fazer o seu proprio é so mim pedir que eu irei fazer com toda boa vontade beijos e ate o proximo post