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

fonte e créditos deste presente post:

gemablog

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 ►

"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 ►