quinta-feira, 11 de novembro de 2010

Como criar links no blog









Disponho aqui duas formas diferentes de criar links simples no seu blog e de como editá-los.
1- No seu post, selecione o texto ou a palavra que você deseja que leve a um endereço da Internet.
Em seguida, com o texto ainda selecionado, clique no botão Link mostrado abaixo:




Ao clicar neste botão, irá aparecer uma caixa de mensagem na qual você poderá digitar o texto que você quer que apareça no link e o endereço de um site qualquer:


Esteja certo de que o endereço inclui http:// para que funcione corretamente.


2- Você também poderá criar o link através de tags (códigos) em HTML como no exemplo abaixo:

<a href="http://endereço_de_destino.com">seu texto</a>
Imagine que você queira fazer um link em que está escrito "clique aqui para visitar o blogger". O código HTML ficaria assim:

<a href="http://www.blogger.com">clique aqui para visitar o blogger</a>





a) Mostrar um texto explicativo sobre o link (quando o mouse para por uns instantes sobre o link):
     Utilize a opção title:

<a href="http://blogger-passo-a-passo.blogspot.com/" title="Tudo sobre blogger">Blogger Passo a Passo</a>

Exemplo: Blogger Passo a Passo


b)Abrir um link em uma nova janela:

Acrescente target="_blank" na tag do link.

Exemplo:

<a href="http://wufoo.com/" target="_blank">wufoo</a>

wufoo


c) Abrir todos os links em uma nova janela:

Em algum lugar no head (cabeçalho) do seu blog (dentro das tags <head> </head>) inclua a seguinte linha:

<base target="_blank">

Os links onde o atributo target foi definido não são afetados pelo comando acima.


d) Abrir todos os links em uma nova janela ou na mesma janela, conforme escolha do visitante:

Em algum lugar no head (cabeçalho) do seu blog (dentro das tags <head> e </head> ) inclua o seguinte código:

<!--
d=document
function targetLinks(n){
w = (n) ? '_blank' : '_self'
for(i=0;i< =(d.links.length-1);i++){
s = d.links[i].href
if(s.indexOf('javascript:') == -1 && s.indexOf('mailto:') == -1 &&
s.indexOf('#') == -1) d.links[i].target = w
}
}
//--> </script>

E no corpo do seu blog (dentro do <body> </body> ) coloque o seguinte código:

<input type="checkbox" name="targetnew" onclick="targetLinks(this.checked)">
clique aqui para abrir os links em uma nova janela
</form>


Irá aparecer uma janela que, quando marcada faz com que os links abram em uma nova janela, quando desmarcada faz com que os links abram na janela corrente. Essa solução ignora o atributo target caso ele tenha sido utilizado.

8 comentários:

Viviamaral disse...

OLa Marcelo, aproveito para agradecer o compartilhamento do conhecimento. Estou tentando colocar o gadget Links na lateral do blog mas ele não aparece. Em algum lugar li pode ser o navegador. Vou tentar no explorer.
abraços

Priscila disse...

Pode ser sim. O Internet Explorer é o mais compatível com a maioria dos sites existentes, porém deixa um pouco a desejar no carregamento das páginas, mas é perfeito na funcionabilidade. O Mozilla Firefox, mesmo com um carregamento de páginas mais rápido, às vezes não exibe o conteúdo corretamente ou exibe com quabras de layout.

Anônimo disse...

não sei direito como colocar um link para abrir em oltra pagina me explica por favor abração!!!

Anônimo disse...

tenho uma sèrie de fotos mas queria postar sò uma no meu blog e colocar ex.[ veja mais], ai era sò clicar e apareceria o restante das fotos em outra pàgina do meu blogger como faço me responda amigo por favor abraço!!!

Priscila disse...

parazão

Nesse caso ficaria assim:

<a href="Endereço da página com as outras fotos" target="_blank">veja mais</a>

Qualquer dúvida retorne.

Abraços.

Anônimo disse...

Obrigado fera, se vc tivesse um tempim passa no meu blogger e vê o que està faltando la blz se não for pedir muito valeu irmão!!!

COISAS DA CY Bazar e Brechó disse...

Olá... eu não entendo muito bem destes assuntos, mas já criei meu blog só fuçando informações da net... só que ainda não consegui criar uma janela dentro dos comentários das minhas postagens, por exemplo queria q qdo alguém clicasse no campo pra fazer um comentário abrisse uma janela onde eu tivesse deixado uma observação pra esta pessoa, tipo pedindo pra ela não esquecer de deixar seus dados pra retorno... e tals... vi uma sistemática assim em outros blogs... se vc puder me ajudar fazendo um passo a passo bem claro... pq não sei aonde tenho q ir se é dentro de design ou configurações... thanks e fico no aguardo do seu retorno...

Priscila disse...

Olá Cy,
dê uma olhada no post abaixo, acho q tem essas respostas:
http://blogger-passo-a-passo.blogspot.com/2010/12/configurando-os-comentarios-do-blog.html

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...