Pages

Pesquisar

Mostrando postagens com marcador Links. Mostrar todas as postagens
Mostrando postagens com marcador Links. Mostrar todas as postagens

links em seus comentários

... links em seus comentários...


fonte e créditos:





"Coloque links em seus comentários!"




 
" É simples e muito fácil.Colocar links nos comentários é igual colocar links nos posts, basta colocar o código:



<a href="http://seulinkvaiaqui.com.br">Texto</a>
"Mude o que está em vermelho para as informações que desejar."

"Recomendo fazer links SOMENTE em textos, além do mais, não sei se é possível colocar imagens nos comentários."


..." fiz isso aqui no meu blog, abaixo segue um print:





"No caso da imagem acima eu utilizei o código que citei com as seguintes informações:


Copiei o nick dele e a url, substituindo nos campos em vermelho do código citado."

@<a href="http://indiceblogger.blogspot.com/">Indiceblogger</a>

"Os links feitos nos comentários vão abrir na mesma página, já que o blogger não aceita a tag “target” nos comentários."

... "Para aprender a criar mais tipos de links em diversos outros lugares clique aqui


também ensinou a linkar, clique aqui e confira. "




Leia Mais ►

Saiba como: "Abrir em uma nova janela a lista de links"...target="_blank

fonte e créditos deste presente post:



Abrir en nueva ventana la lista de enlaces



Cuando deseamos que un enlace abra en nueva ventana añadimos el atributo target="_blank 


<a href="url-del-sitio" target="_blank"> ENLACE </a>

En el gadget de lista de enlaces también podemos añadir el atributo target="_blank.


En plantilla edición de HTML marcamos para expandir  y buscamos el título que añadimos a nuestro  gadget en este caso Mis enlaces encontraríamos algo así:



<a href="url-del-sitio" target="_blank"> ENLACE </a>

En el gadget de lista de enlaces también podemos añadir el atributo target="_blank.
En plantilla edición de HTML marcamos para expandir  y buscamos el título que añadimos a nuestro  gadget en este caso Mis enlaces encontraríamos algo así:

<b:widget id='LinkList1' locked='false' title='Mis enlaces' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

La línea marcada en negrita la sustituimos por la siguiente:

<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>


Guardamos los cambios y  nuestro listado de enlaces abrirá en nueva ventana. 

Traduzido:                                                      




Abrir em uma nova janela a lista de links



Quando queremos abrir link em uma nova janela, adicione o atributo
target = "_blank



<A href = "url do site" target = "_blank"> LINK </ A>

Na lista de gadgets de links que você também pode adicionar o atributo target = "_blank.

Na edição de templates HTML marca para expandir e procurar o título que adicionamos à nossa gadget neste caso Meus Links encontrar algo parecido com isto:
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>

En el gadget de lista de enlaces también podemos añadir el atributo target="_blank.

En plantilla edición de HTML marcamos para expandir  y buscamos el título que añadimos a nuestro  gadget en este caso Mis enlaces encontraríamos algo así:

<b:widget id='LinkList1' locked='false' title='Mis enlaces' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

A linha em negrito na substituição com o seguinte:

<li> <a expr: href = 'data: link.target' target = "_blank'> <data:link.name/> </ A> </ li>

Salve as mudanças e nossa lista de links
abrem em nova janela.
Leia Mais ►

Link para seguidores

fonte e créditos deste presente post:
elescaparatederosa

Enlace a Seguidores

Hace unos días que he colocado un enlace en el footer del Escaparate desde donde, quien así lo quiera, puede hacerse seguidor del blog:










Aunque no es nada nuevo, ya que puede encontrarse como hacerlo en varios "blogs de ayuda Blogger", voy a explicarlo en esta entrada ya que varias personas me han preguntado sobre esto.
Se trata de añadir un enlace que de la posibilidad a nuestras visitas de hacerse seguidor de nuestro blog, sin necesidad de mostrar el gadget de Seguidores.
Podemos hacerlo con un simple enlace de texto, una imagen o, como en mi caso, usando ambos.

El código iría colocado en un Gadget HTML en la sidebar, footer, etc.


Con enlace de texto:
<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX" target="_blank"> Seguir el Escaparate</a>

Con enlace en una imagen:
<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX" target="_blank"><img src="AQUI LA URL DE LA IMAGEN"/></a>

Con enlace en texto e imagen:
<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX" target="_blank"><img src="AQUI LA URL DE LA IMAGEN"/> Seguir el Escaparate</a>


Notas:
Lo que vemos resaltado en rojo, es en cada caso lo que hemos de modificar por nuestros datos.

En el caso de blogID, tenemos que colocar sustituyendo a las XXXXXXXXX, la ID de nuestro blog, es decir, el número que se muestra en la url del navegador cuando estamos dentro de nuestro panel de Blogger en la pestaña Diseño:



traduzido:

Link para defensores (Seguidores)

..."  um link no rodapé da janela de onde, quem e o que você quer, você pode se tornar um seguidor do blog:



Enquanto praticamente novo, pois ele pode ser encontrado como vários "  blogs de ajuda do Blogger, vou explicar neste post como várias pessoas têm me perguntado sobre isso.


Este é um link para adicionar a possibilidade aos nossos visitantes a se tornar um seguidor do nosso blog, sem ter de exibir o gadget Seguidores.

Podemos fazê-lo com um link de texto simples, uma imagem ou, como no meu caso, usando ambos.


O código pode ser colocado em um Gadget HTML na barra lateral, rodapé, etc


Com link de texto:
<A href = "http://www.blogger.com/follow-blog.g?blogID =XXXXXXXXXXXX"Target =" _blank "> Siga Showcase</ A>


Para criar um link para uma imagem:
<A href = "http://www.blogger.com/follow-blog.g?blogID =XXXXXXXXXXXX"Target =" _blank "><img src="AQUI A URL do IMAGEN"/></ A>


Com texto e link da imagem:
<A href = "http://www.blogger.com/follow-blog.g?blogID =XXXXXXXXXXXX"Target =" _blank "><img src="AQUI O URL da Faixa IMAGEN"/> Showcase</ A>


Notas:
O que vemos em destaque na cor vermelha, em cada caso o que temos de mudar de nossos dados.

No caso do blog, devemos colocar substituindo o XXXXXXXXX A identificação do nosso blog, ou seja, o número mostrado na url do navegador quando estamos no nosso painel de bloggers na aba Design:
Leia Mais ►

"Links sem sublinhado"

fonte e créditos:
elescaparatederosa




Links sin subrayado


Si no te gusta para nada el efecto subrayado de tus links, puedes hacer que desaparezca fácilmente.

Sitúate en tu plantilla HTML y localiza esta parte (está casi al principio antes de Header), cambias "underline" por "none" y ya tienes tus link sin subrayar.


a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
-----------------------------------------------





 traduzido:




Links sem sublinhado


SEu não gosto de todos os efeitos sublinhado suas ligações, você pode fazê-lo desaparecer facilmente.

Stand no seu modelo de HTML e localize essa parte (é perto do topo antes do cabeçalho), a mudança "underline" para "nenhum" e você tem o seu link sem sublinhado.


a: hover {
color: $ titlecolor;
text-decoration: underline;
}
uma img {
border-width: 0;
}

/ * Header
-----------------------------------------------






Leia Mais ►

"Colocando imagens nos links que modificam"

fonte e créditos:
templateseacessorios


Colocando imagens nos links que modificam


"Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo."


Para colocar imagens em seus links que modificam como nesse exemplo AQUI proceda da seguinte forma.

Para colocar nos posts
Vá até o HTML do seu blog e procure pelo código:

/* Comments
----------------------------------------------- */










E acima dele cole o código abaixo fazendo as modificações necessárias como cores das letras e endEreço das imagens.




/* POSTS COM IMAGENS NO LINK-----------------------------------------------
*/
.post-body a:visited {
color: #c00000;
padding-right: 13px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat 100% 50%;
}
.post-body a:visited:hover {
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat 100% 50%;
padding-right: 13px;
color:#800000;
}



Para colocar imagens que mudam na widgets(colunas)

Procure pelo código:

/* Sidebar Content----------------------------------------------- */

E cole o código abaixo depois dele.


/* IMAGENS PARA OS LINKS
-------------------------- */
.LinkList a {
color:#000000;
padding-left: 16px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
}
/* LINKS QUE MODIFICAM
-------------------------- */
.LinkList a:hover {
padding-left: 16px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
color:#0066cc;
}
/* LINKS VISITADOS
-------------------------- */
.LinkList a:visited {
padding-left: 15px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
color:#00C0C0;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.crosscol .widget{
padding:8px;
}
.main .Blog {
border-bottom-width: 0;
}





Coloque imagens pequenas.


Imagens AQUI, ou AQUI





Leia Mais ►

"Links com movimento"

fonte e créditos deste presente post:
elescaparatederosa



Links con movimiento


Si os habéis fijado, los links del Escaparate se mueven cuando pones el cursor sobre ellos, es un efecto que podemos conseguir añadiendo tres líneas en el CSS de nuestra plantilla, en la parte que "maneja" los efectos de los links.

Buscamos esa parte, la de los links, en nuestra plantilla, suele verse más o menos así:
/* Links
----------------------------------------------- */

Dentro de esta parte buscamos a:hover {, que es la parte que le dice a nuestros links lo que han de hacer cuando se les pasa el cursor por encima.
Justo después de
a:hover {,


añadimos las tres líneas de código que os decía anteriormente:

position: relative;
top: 1px;
left: 1px;


"Si cambiáis el valor numérico en top y left se apreciará más o menos el movimiento, yo en el Escaparate lo tengo como he puesto aquí, más "meneo" ya no me gusta tanto el efecto...pero para gustos..."






Traduzido:                                                                       

Links com movimento


Se vocês repararem, os links Showcase se move quando você move o mouse por cima deles, é um efeito que pode ser conseguido pela adição de três linhas no CSS do nosso pessoal, o partido a "gerenciar" o impacto das ligações.

Nós olhamos para esta parte, as relações, em nossa equipe, muitas vezes é algo parecido com isto:



/ * Links
----------------------------------------------- */

Nesta parte, procuramos a: hover {, que é a parte que fala dos nossos links que têm a ver quando passar o mouse sobre.


Logo após
a: hover {


adicione três linhas de código 
que eu lhe disse antes:

position: relative;
top: 1px;              
left: 1px;              


Se você alterar o valor numérico 


 em cima e da esquerda será apreciado movimento mais ou menos

eu mostro que eu tê-lo como eu posto aqui, 

mais "mexer" e,

portanto, eu não gosto do efeito ... mas gosto ..."




...e, fiz um exemplo, com fundo na cor rosa claro,  que fica atrás da imagem:

a:hover {
position: relative;
top: 1px;            
left: 1px;
background: #ffcccc;



 ...acrescentei ao código:

background: #ffcccc;
 








 
 
Leia Mais ►

"Modificando o aspecto dos links"

  
fonte e créditos:
templateseacessorios


"Modificando o aspecto dos links"





"Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo."




Uso em meu blog um código que modifica o aspecto dos links, assim que o mouse é colocado em cima. Então, para você que quer saber como faço isso, eis alguns exemplos abaixo.



Então, se você quer usar algum efeito em seus links, basta copiar o código abaixo e colar antes de:


]]></b:skin>

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none
}
a:hover {
margin: 5px;
text-decoration: underline;
color: #FF0000;
}
a:active {
text-decoration: none;
}





Depois troque o código em verde pelo efeito que deseja no link e o código que está em vermelho é a cor da letra.




capitalize
  • com este efeito, os links ficarão com a primeira letra maiúscula.
-----------------------------------------------------------------------------
lowercase
  • com este código, os links ficarão com todas as letras minúsculas
-------------------------------------------------------------------------------
uppercase
  • com este código os links ficarão com todas as letras maiúsculas
--------------------------------------------------------------------------------

underline overline
  • com este código os links ficarão sublinhados e,  ao colocar o mouse, ficarão sobrelinhados
---------------------------------------------------------------------------------
underline
  • com este código os links ficarão sublinhados
--------------------------------------------------------------------------------


Para inserir códigos no código abaixo:

Para que a letra aumente de tamanho, coloque abaixo de:

a:hover {

o seguinte código:
 
font-size:130%;

Para que seu link fique com uma cor de fundo, coloque abaixo de:

a:hover{

o seguinte código:

background: #cccccc;


Para que seu link fique com uma imagem coloque abaixo de:

a:hover{

o seguinte código:

padding: 15px;
background: url(AQUI O ENDEREÇO DA IMAGEM) left no-repeat top;



Leia Mais ►

envia links ~ Envia Links Com - ELC -

Leia Mais ►

Formulário de contato

Nome

E-mail *

Mensagem *

 

Lorem ipsum

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.

Images Gallery

pix pix pix pix pix pix

Total de visualizações de página

visitas