sábado, 25 de febrero de 2012

Cómo agregar botón de retweet a sus mensajes de Blogger


Nota: para buscar algún código en especifico mas facil y rapido presiona "Ctrl +F" 


Desde que Twitter está consiguiendo una gran popularidad en estos días, la adición de un botón de retweet fresco a su blog de Blogger puede obtener una cierta cantidad decente de tráfico y promover su contenido / productos a las personas grandes en tiempo rápido. Si usted tiene toneladas de seguidores, a continuación, usted puede fácilmente leche .. ;)

Así pues, aquí es cómo agregar un botón de retweet bueno su blog blogspot:

Hay dos versiones de botones retweet .. uno es el que viene por defecto (se parece a digg botón) y la otra es la versión compacta que puede caber en un espacio reducido ..




El Código para la versión por defecto es:


<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>




y para la versión compacta es:



<script type="text/javascript">
tweetmeme_style = "compact";
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>







Aquí está la manera de añadir a su mensaje blogger ..
Si lo desea el lado izquierdo de entrada en el blog ..

Encontrar



<data:post.body/>

Y pega este código antes de esa línea ..


<div style="float:left;padding: 6px 10px 6px 0px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div>




Si lo desea el lado derecho del mensaje ..
Encontrar


<data:post.body/>

Añadir este código antes de esa línea ..


<div style="float:right;padding: 6px 0px 6px 6px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
</div> 

Nota: En los dos casos anteriores, si desea que el botón compacto en lugar del estilo por defecto, una simple reemplazar el código de estilo por defecto con una compacta (ver paso 1)

Por ultimo guarda los cambios!

Descripcion en imagenes con efecto deslizante usando css

Una forma de agregarle mas estilo a nuestras imágenes y hacer que nuestro blogs sea mas profesional, es poniendo una pequeña descripc...