Sobre o Blog

MamanunesO Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade.

Info

26.11.08

Link-me


...

Se você quer um buttom (botão) com uma caixinha "Linke-me" igual ao exemplo acima, vou ensinar nesse tutorial.
Caso você não saiba editar uma imagem num programa tipo Paint Shop Pro ou Photofiltre, eu recomendo sites que geram geram gratuitamente buttoms de vários modelos e facílimos de fazer. Eu fiz alguns modelos para que vocês tenham ideia:

No site Cooltext você escolhe o modelo, tamanho, letras, texturas, cores, etc... 
...


...



O site pode ser traduzido para português para facilitar ainda mais. Procure no rodapé da página e você vai encontrar as opções para tradução. Você pode ir testando, editando o buttom como quiser.
*Clic nos banners abaixo para ser direcionado à página do site correspondente
...
...

...



Depois de escolhido seu modelo, faça download da imagem e salve em seu computador optando por "Arquivo dos os tipos" ou "Todos os Arquivos" como indicado 
abaixo.
......
...

Agora vamos à caixinha com os códigos:
Você deve hospedar o modelo que escolheu, num site tipo Photobucket , TinyPic ou outro de sua preferência.

...

CÓDIGO DA CAIXINHA:
...
<center><b>Link-me!</b>
</center><br><center>
<img src="ENDEREÇO DA IMAGEM" vspace="2"
hspace="2">
<br><textarea onFocus=this.select()
onMouseOver=this.focus() rows="2"cols="10" name="textarea">
<a href="ENDEREÇO DO BLOG">
<img src="ENDEREÇO DA IMAGEM"
border="0"></a></textarea>
</center>
...


Copie o código todo e cole num bloco de notas.
No Photubucket, TyniPic ou outro, copie o endereço da imagem (http://...)

Onde está escrito (em verde) "ENDEREÇO DA IMAGEM" (nos dois espaços) cole o endereço html da imagem hospedada.
Onde está "ENDEREÇO DO BLOG" escreva o endereço do seu blog.
*Faça o login, clic "Layout", "Adicionar elemento de página", escolha "HTML/java".
*Copie do bloco de notas e cole dentro do "Elemento", todo o código da caixinha.
*Clic "SALVAR". Posicione de onde queira, clicando com o botão direito sobre o elemento.
Seguindo os passos direitinho, vai ficar assim:








Link-me!




Boa sorte e muitos links para seu blog!

5 comentários

Pirata da Net

Mama,nã ficou centralizado a imagem,e quando passa-se o mouse por cima da caixinha ela não fica selecionado.

trevo downloads

atualiza meu banner o blog trevo downloads agora e Youbaixe obrigado...ate mais

Menos

Oi Mama, nos blogs do Live Spaces não aceitam este comando, não existe outra possibilidade de ser feita em HTML?
Mesmo assim vlw a dica.
bjuxx
Cristina

ilkabypinturas

olá gostaria de colocar os comemtarios em destaque igual ao seu como faço?e queria colocar meu nome em vez da setinha bjos e muito obrigada.

MamaNunes

@ilkabypinturas

Leia o post:

http://blogger-dicasmamanunes.blogspot.com/2010/07/como-customizar-area-de-comentarios-do.html

Boa sorte!

Postar um comentário

Caso queira informações mais detalhadas, ou encomendar um template personalizado, use o Formulário de Contato ou meu Email. Responderei o mais breve possível.
Obrigada.