Entradas más leídas
» » Como Poner Boton Flotante de Facebook y Twitter en el Blog

Como Poner Boton Flotante de Facebook y Twitter en el Blog

Javier 16 de febrero del 2011 Optimizacion 6 comentarios
Las redes sociales, y principalmente Facebook y Twitter, se han convertido hoy por hoy en una herramienta indispensable si queremos dar a conocer nuestras publicaciones, el poder viral que esto representa nos obliga a involucrarnos de lleno en estas dos de las mas importantes redes sociales.

 

A continuación les traigo el siguiente tutorial donde les indico lo que hay que hacer para que estos botones funcionen y se mantengan fijos (flotantes y en una sola Posición).
Es solo añadir un codigo en un Gadget de como se explica a continuacion:

1) Entramos a DISEÑO
2) Clic en Añadir un Gadget
3) Añadimos el elementeo HTML/javascript
4) Dentro de el pegamos el siguiente codigo:

 

 

[vfblock border_size="3" border_color="#0f0f0e" corner="rounded" bg_color="#3b5898" message="Este tutorial es EXCLUSIVO, para tener acceso total a el solo debes dar click en el boton LIKE O SHARE de facebook que se encuentra a continuación, inmediatamente como por arte de magia tendrás acceso total al tutorial, solo te tomara 3 segundos. Gracias por tu tiempo" font_color="#ffffff" url_custom="http://"]

[/vfblock]


 

Guardamos los Cambios y Listo. Este esta configurado para que aparezca en la esquina inferior izquierda, si desean colocarlo en la ezquina inferior derecha u otro lugar manipulen el codigo que esta resaltado en rojo dentro del codigo
En el Video a Continuación les explico paso a paso como hacerlo.

 

 

[vfblock border_size="3" border_color="#0f0f0e" corner="rounded" bg_color="#3b5898" message="Este tutorial es EXCLUSIVO, para tener acceso total a el solo debes dar click en el boton LIKE O SHARE de facebook que se encuentra a continuación, inmediatamente como por arte de magia tendrás acceso total al tutorial, solo te tomara 3 segundos. Gracias por tu tiempo" font_color="#ffffff" url_custom="http://"]

[trafficplayer_skin padding: 16px 0 0 17px; margin: 0 auto; width: 558px; height: 404px; background: url(http://trucosblogger.net/wp-content/uploads/skin12_540x340.png) no-repeat top left; text-align: left;][trafficplayer_youtube_video width="540" height="340" src="http://www.youtube.com/embed/-e3Fdn2J8io?modestbranding=1&autohide=0&autoplay=1&controls=1&hd=0&rel=0" ][/trafficplayer_youtube_video][/trafficplayer_skin]

 

[/vfblock]

 

Etiquetas
Info de autor

Javier

Me dedico al marketing y al blogging desde hace ya un buen tiempo, Escribo es este blog en español aparte de dos mas, a pesar de que soy profesor, es en el marketing donde estoy trabajando el 90% del tiempo, ya que encontré en este mundo mi verdadera vocación y la oportunidad de generar altos ingresos desde la comodidad de mi hogar y haciendo lo que me apasiona. Javier Chirinos

widman dice:

Lo que hando buscando es como colocar las cajas del modo q tienes facebook, twitter y google+ desplegables. Me podrias indicar.

Javier dice:

es un plugin de wordpress, ponte en contacto conmigo y te la envio

hey me gustaria saber como hicistes para bloquear el contenido hasta que le pongan me gusta y luego sale la informacion. me puedes responder a mi correo disculpa por el nombre pero ese es mi correo para mostrar

admin dice:

Es un plugin premium, muy efectivo por cierto, si lo deseas tener en tu blog comunícate conmigo,

CrossX dice:

Hola muy bueno tu blog pero tengo algunos problemas con este codigo que nos compartes, veras el de facebook si funciona a la perfeccion pero el de tweet me marca un error y pone un simbolo de interrogacion en la parte donde van los numeros no se como solucionarlo ya lo intente, espero me puedas hechar la mano, tambien queria saber si se podia poner uno de un lado y el otro del otro, espero tu respuesta y gracias por tu tiempo

unixdiamondholiday dice:

Nice tips. Can you tell me how to make scroll box for Post link? Like "Basic", "tips and tools" and "optimization" it seem awesome and not taken to many space.

http://www.unixdiamondholiday.com