Dicas Tech: Como inserir a caixa “Link Me” no blog

07/11/2013

Olá Pessoal, tudo bem com vocês?

Vocês já devem ter visto em algum blog uma caixa chamada “Link Me”, essa caixinha facilita na hora de realizar uma parceria com outro blogueiro, além de ajudar na divulgação do seu blog. Nessa Caixa possui um banner de divulgação do blog e um o código HTML.

Colocando essa caixa no seu blog, você  irá disponibilizar com facilidade o código com o seu banner para que  outros blogueiros possam linká-lo. Por isso hoje vamos aprender a criar essa caixinha para fornecer aos seus parceiros uma forma de divulgação do seu blog de maneira prática e rápida.

Dicas Tech: Como inserir a caixa "Link Me" no blog, parceria, link

Colocar a caixa “Link-me” é muito simples, siga o passo-a-passo e aprenda a colocar no seu blog:

1º Passo – Criar o banner do seu blog: crie seu banner da maneira que quiser e do tamanho que quiser, usando o programa que está acostumado. Crie algo simples, limpo e leve para não ficar carregado. No momento que criar o seu banner já salve do tamanho que ele irá ficar na caixa do “link me”.

 2º Passo – Hospedar a imagem em um servidor web: hospede a imagem em algum servidor web de armazenamento de imagens na internet. Como eu já disse nos posts anteriores eu utilizo o Picasa Web do Google, mas você pode utilizar o que está acostumado usar. 
3º Passo – Alterar o código HTML: realize as alterações necessárias no código HTML abaixo e altere somente o conteúdo em vermelho: 
<div align=”center”><img src=”URL_DA_IMAGEM“/><br/> <textarea cols=”15″ rows=”3″ onfocus=”this.select()” onmouseover=”this.focus()” name=”textarea” style=”width:80%;”> &lt;a href=”URL_DO_BLOG” target=”_blank”>&lt;img src=”URL_DA_IMAGEM” title=”NOME_DO_BLOG” alt=”URL_DO_BLOG” style=”border:0;”/&gt;&lt;/a&gt; </textarea> </div>
Verifique a alteração necessária:
 
NOME DO BLOG – Coloque o nome do seu blog;
URL DO BLOG: Coloque o domínio do seu blog (preste bem atenção pois são dois campos no código); 
URL DA IMAGEM: Coloque o link da imagem hospedada, feita no passo.
Agora vamos aprender a colocar o código na plataforma de cada blog. 
Usando a plataforma Blogger:
1º Passo: Faça login no Blogger, vá na opção “Layout”, escolha a posição onde quer que o Widget “Link me” apareça e clique em “Adicionar um Gadget” e escolha a opção “HTML/JavaScript”.

 2º Passo: Cole o código alterado no 3º passo acima, conforme na figura abaixo e clique em salvar;

Dicas Tech: Como inserir a caixa "Link Me" no blog, parceria, blogger, link

Usando a plataforma WordPress:

1º Passo: Faça login em seu blog, entre em “Aparência” e escolha a opção “Widgets”;

 2º Passo: Adicione um widget do tipo “Texto” e cole o código já modificado e salve, conforme imagem abaixo:

Dicas Tech: Como inserir a caixa "Link Me" no blog, parceria, link, wordpress

Pronto! A a caixa já estará disponível no seu blog. Caso tenha alguma dificuldade é só deixar nos comentários que eu estarei ajudando.

Um Super Beijo,

CBBlogers by Grazi 

E não se esqueça de passar no Blog Intensy Modas e também segui-la aqui no CBBlogers.

Facebook / Twitter  / Pinterest  / Instagram

*imagem via CBBlogers

Categoria:

Tags:

Posts relacionados:

Você já cohece a Raczum?
Você já cohece a Raczum?
3 erros que acabam com o seu engajamento
3 erros que acabam com o seu engajamento

Comentários

  2. Olá! Quando eu salvo o gadget, no layout da página só aparece a minha imagem do banner, mas não aparece o código html na caixa link-me.
    Agradeço a ajuda.
    Abraços

    Responder

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *