Como Poner Boton Flotante de Facebook y Twitter en el Blog

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]

 

Comments

  1. says

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

    • Javier says

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

  2. says

    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 says

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

  3. CrossX says

    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

  4. unixdiamondholiday says

    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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>