Tooltip en el titulo y los comentarios del blog (IE, Firefox)

Hace un par de días publicaba un post sobre como colocar un tooltip (cartelito emergente al pasar el puntero) en las etiquetas al pie de los posts. Guiándome por esas instrucciones he conseguido poner también el tooltip en el título de las entradas y en el "comentarios" del pie del post.
En el tooltip de los comentarios he puesto "deja aquí tu comentario" y en el título de mis entradas podéis leer " Pincha en el título, para ver la entrada y sus comentarios". Este último en el título del post creo que será muy útil, sobre todo para aquell@s visitantes que aún no sepan que el título de los posts en Blogger tiene también esa función.

Poner Tooltip en "comentarios"

Hemos de buscar en la plantilla con los elementos expandidos, esta parte del código:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>


Colocamos esto, o lo que queráis mostrar vosotros: title='Deja aquí tu comentario' justo después de: expr:onclick='data:post.addCommentOnclick' dejando un espacio.

Poner Tooltip en el título de la entrada

Hemos de buscar en la plantilla con los elementos expandidos, esta parte del código:

<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Colocamos esto, o lo que queráis mostrar vosotros: title='Pincha en el título, para ver la entrada y sus comentarios' justo después de: <a expr:href='data:post.url' dejando un espacio.

0 comentarios:

Publicar un comentario