segunda-feira, 3 de março de 2014

Criando Link Me...


Olá pessoas! Esse é meu primeiro tutorial do blog, que foi um pedido da Rafaella
Vou ensinar como criar aquela imagem com um link para outras pessoas colocarem nos seus blogs para recomendar o seu, o tal do "link me".

Então vamos lá...




1º passo...




Antes de tudo, você precisa criar o banner, ou seja, a imagem que irá usar para promover seu blog. O meu por enquanto é esse, que tem o banner antigo do meu blog, mas irei criar vergonha na cara e mudarei isso! rsrs

» Crie uma imagem simples.
» O tamanho mais usado em blogs é 120px x 60px



2º passo...

Você terá que hospedar a imagem que criou em algum site de hospedagem de imagens.

» Blogger, Dropbox, Tinypic, etc...
» Guarde o link da imagem.



3º passo...

Clique em Layout  -> Adicionar um Gadget  -> Escolha a Gadget HTML/Javascript, cole o código abaixo e posicione onde quiser em seu blog.

<div align="center"> <img alt="TÍTULO" title="TÍTULO" src="SUA_IMAGEM" border="0" width="120" height="60"/> <textarea rows="3" cols="17" onfocus="this.select()" onmouseover="this.focus()" name="textarea"> &lt;center&gt;&lt;a href=&quot;SEU_BLOG&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;TÍTULO&quot; title=&quot;TÍTULO&quot; src=&quot;SUA_IMAGEM&quot; border=&quot;0&quot; width=&quot;120&quot; height=&quot;60&quot;/&gt;&lt;/a&gt;&lt;/center&gt; </textarea></div>


Onde estiver com cor diferente, deve ser mudado:

TITULO -> Coloque o título do seu blog.
SUA_IMAGEM -> Coloque a URL da imagem que foi hospedada.
SEU_BLOG -> Coloque a URL do seu blog.
rows="3" -> determina a altura da caixinha.
cols="17" -> determina a largura da caixinha.


Pronto!


Se estiver tudo certo, sua caixinha do Link Me aparecerá como a minha:



É super fácil de fazer, espero que vocês consigam.
E meu agradecimento a Rafaella do Blog Café Amargo pela sugestão de tutorial! <3

Até a próxima!
Beijos de cereja! <3


Um comentário: