12

Apture Toolbar

Apture Toolbar
Hace tiempo que tengo instalada en un blog de pruebas una barra de herramientas con algunas utilidades muy interesantes, ademas de un diseño nada "molesto" para el blog.

Se llama Apture y en esta entrada veremos algunas de sus características y las instrucciones para incluirla en el blog.

La barra se mostrará en la parte superior de la pantalla y permanecerá oculta hasta que no se utilice la barra de desplazamiento (scroll), con lo que puede usarse sin problemas aún estando utilizando la Nabvar de Blogger.

Desde el botón correspondiente podremos compartir la página en la que estamos en FaceBook, Twitter y enviarla por correo.

Incluye un buscador con jQuery, que facilita que nuestros visitantes no tengan que salir de la página cuando buscan otro contenido.

Cuando el visitante selecciona con el ratón una palabra o una parte del texto de la entrada, aparecerá un pequeño botón que dice "Search" (Buscar), cuando pinche ahí los resultados se mostrarán en la ventana del buscador de la barra.

Se puede personalizar con nuestro propio logotipo (no más ancho de 35 pixeles) o incluir un texto con el título o lo que queramos de nuestro blog.

Veamos antes de nada un ejemplo de como funciona: Ver ejemplo online


Configuración e instalación

[1] Iremos a la página de www.apture.com.

[2] Introducimos la url del blog y hacemos click en el botón en "Start now".

[3] En la página siguiente tendremos que añadir algunos datos, escoger el color de la barra y subir el logo desde nuestro PC si vamos a añadirlo.

[4] Los cambios los iremos viendo en una "vista previa".
Una vez estemos conformes con el resultado, pinchamos en "Get My Bar" y copiamos el código obtenido.

[5] En nuestro panel de Blogger vamos a Edición HTML y sin expandir artilugios localizamos la etiqueta </body>.
Pegamos el código obtenido sobre esa etiqueta.


Consejo:
No añadas a tu blog todo lo que ves porque te parezca bonito, piensa lo que es útil para ti o estrictamente necesario, evitarás muchos problemas añadidos y la carga del blog será mucho más rápida.

Entradas Relacionadas:

12 comentarios:


Fabiano Roberto

parece muito interessante essa toolbar, vou fazer alguns testes e talvez falar sobre o assunto também...

Raúl

Hola Rosa como vas disculpa que escriba en esta entrada pero en la que tenía que escribir no tiene habilitado los comentarios.

Busqué en tu blog como poner los íconos de las redes sociales en el post-footer, y salió una entrada en donde linkebas a una entrada de Gem@ que como tu lo dices si está muy bien explicado pero tengo una pregunta en tu blog al dar click en el ícono de Twitter sale con la url corta y con el método que enseña Gem@ ( y que además lo tiene en su blog) sale la url larga.

Como puedo hacer para cuando den click en el ícono de twitter les salga con la url corta como a ti?!!

Gracias

Anónimo

Rosa.. interesante, pero en castellano no se puede poner no?

Equipo Mundo LipDub

Es muy interesante, realmente, pero tarda un poco en cargar y ahora no se como se abre. No la veo. ¿Donde esta?

Anónimo

Fabiano Roberto Genial. ¡Gracias! :D

Anónimo

Raúl Pues te copio el código tal como lo estoy usando yo, si te parece:

<a expr:href='&quot;http://www.blogger.com/share-post.g?blogID=XXXXXXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;target=twitter&quot;' target='_blank'> <img alt='Twitter' src='URL_DEL_ICONO_TWITTER' style='border:0' title='Enviar a Twitter'/> </a>

Por supuesto cambias las X por la id de tu blog y la url del icono por la del tuyo.

Anónimo

El Cholija Pues no :(

Anónimo

Equipo Mundo LipDub Se oculta o se muestra al scroll de la página... :O

@ManelFdez

Rosa, Gracias como siempre por tus indicaciones. Hace tiempo que disfruto de esta barra y estoy realmente contento. Anteriormente utilicé la de Wibiya pero tardaba en cargar y acabas llenándola de opciones inútiles. ;-)

AlbaFoto

Hola Rosa, no tiene que ver con esta entrada pero haber si me puedes hechar un cable resulta que tengo algo en mi blog que me provoca cuando entras un dichoso enlace a publicidad...

http://www.es.lastminute.com/?source=lmnaffiliatetd000&source=aff-td1398944


haber si puedes ayudarme como quuitarlo porque yo no lo consiguo


mi blog...

http://albacete-fotos.blogspot.com/


muchas gracias

Anónimo

mojul8 Probablemente esa publi salga de algún contador externo, me inclinaría por el de las banderitas... suele pasar con ese u otros contadores de visitas, cuando alcanzas un cierto número de visitas en el blog, están preparados para disparar ese tipo de publicidad encubierta...

Anónimo

gracias por el tuto rosa, muy interesante
saludos

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S