Hola amigos, hoy les traigo una interesante caja flotante hecha con Css, la cual nos va a permitir tener la opcion de copartir en Google +, Twitter y Facebook. Para utilizarla en nuestro blog debemos hacer lo siguiente:
Antes de ]]></b:skin> pegamos el siguiente código:
Una vez realizado el paso anterior buscamos <div class='post-footer'> y antes de esto pegamos el siguiente código:
Pueden ver un ejemplo funcionando en este blog de pruebas.
Hola gente, hoy les vengo a mostrar como insertar iconos de suscripcion arriba del titulo de las entradas , esto es muy facil y realmente util. Podes ver un ejemplo funcionando en este blog de pruebas .
Antes de ]]></b:skin> pegamos este código :
Los valores marcados en negrita nos permitiran cambiar la posición.
Abajo de <div id='outer-wrapper'> pegamos lo siguiente :
El resultado será algo como esto :
My Top Tweets es una de las muchas herramientas que existen para Twitter, lo que podrás hacer con esta herramienta es ver cuales han sitos tus tweets mar retwiteados (RT), esta no es una herramienta que sea muy funcional pero si te interesa saber que es lo que les gusta retwitear a tus seguidores será una buena opción.
Es muy sencillo utilizar esta herramienta ya que solo tienes que iniciar sesión con tu cuenta de Twitter y al pasar algunos segundos te muestra el TOP10 de los mas retwiteados de tus seguidores, también podrás ver lo mas retwiteado por otros usuarios.
Enlace: My Top Tweets
Algunas imagenes (click en ellas para verlas mas grandes)
El efecto deslizante lo haremos con jQuery, y la burbuja con el texto (el botón) lo haremos con CSS3.
Empecemos: primero ingresa en la Edición HTML de la plantilla, marca la casilla Expandir plantillas de artilugios, y antes de </head> pega el script:
Ahora antes de ]]></b:skin> agrega los estilos:
Por último, busca esta línea:
Justo arriba de ella coloca el contenedor con los botones:
Guarda los cambios y listo. En las anotaciones en color verde he puesto como siempre las áreas que se pueden personalizar como el color de fondo, de texto, etc. En donde dice cellpadding='7' puedes controlar la distancia entre cada botón.
Recuerda que:
- Sólo será visible en las entradas individuales, NO en la portada.
- La burbuja está hecha con CSS3, así que si usas un navegador viejo como Internet Explorer 8 sólo verás un rectángulo.
- En Internet Explorer el botón de Facebook no se verá bien, aunque sí funcionará.
1) Entramos a la página de Twitter (https://twitter.com/)
2) Hacemos click en "Regístrate", nos aparecerá un "formulario" para poner nuestros datos.
--------------------------------------------------------------------------------------------
3) Completamos el formulario y hacemos click en "Crear mi cuenta".
--------------------------------------------------------------------------------------------
4) Nos aparecerá un CAPTCHA(definición de CAPTCHA) , escribimos lo que dice y hacemos click en "Terminar".
5) Ya hecho el paso 4 nos aparecerá esto , son recomendaciones , nos dan una lista con algunas opciones para elegir a quien queremos seguir.
En este caso les muestro la opcion cine , cuando elegimos todo hacemos click donde dice "Siguiente paso ..."
--------------------------------------------------------------------------------------------
6) Acá podemos elegir a nuestros amigos del Msn, Gmail , Yahoo u otros. Cuando elegimos esto hacemos click en "Siguiente paso"
--------------------------------------------------------------------------------------------
7) En esta parte nos dan la opcion de buscar amigos o gente que queremos seguir.
Yo pongo mi Twitter personal ( facu_b )
Para seguir a una persona hacemos clicl donde dice "Seguir" , cuando elegimos a quien queremos seguir hacemos click en "Siguiente paso" que es el último. Finalizado este paso ya tienen su cuenta de Twitter.
--------------------------------------------------------------------------------------------
Ahora les voy a explicar un poco como usar Twitter y sus cosas.
Indica a las personas que seguis.
Son los twits de las personas a las que seguis.
Indica los temas del momento.
Mensajes privados (es un estilo los MP´s de Taringa , solamente que un usuario debe ser seguido por otro para mandarlos).
Desde acá se puede twittear (escribir algo).
Indica la cantidad de seguidores.
Indica tus listas.
Te lleva a tu perfil de usuario.
Indica la cantidad de twitts (cosas que escribiste).
--------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
Para twittear (escribirle algo a una persona) hay que poner @ junto al nombre del usuario al cual le escribimos . Ejemplo: el usuario X quiere escribirme algo a mi , entonces tendrá que poner @facu_by lo que quiera escribir (no debe pasar los 140 caracteres).
--------------------------------------------------------------------------------------------
Para resaltar un tama solamente basta con poner # junto al tema que se quiere resaltar. Ejemplo : Estoy en mi compu posteando en #Mi Blog.
--------------------------------------------------------------------------------------------
Cualquier cuenta con una insignia Verificado es una cuenta verificada. Twitter lo utiliza para determinar la autenticidad de las cuentas más conocidas para que los usuarios pueden confiar en que una fuente legítima es de autoría de sus tweets.
--------------------------------------------------------------------------------------------
Si podés y tenes ganas seguime y te sigo(click en el logo de Twitter)
