Plugin de caja flotante para web

sebap04 · 7 Mar 2012

Hola. Estoy tratando de averiguar sobre algún plugin que haga algo como esto:

Enlace eliminado

Es una caja flotante que aparece en toda la web.

Alguien sabe como se llama el plugin o conoce alguno similar?

Saludos

Delmon · 7 Mar 2012

No conozco plugin alguno, me parece más bien algo programado (es sencillo).

Neu7ral · 7 Mar 2012

Ese plugin lo tengo actio en mi blog: Enlace eliminado mira alguna entrada y veras!

este plugin se llama Dig Dig, puedes encontrar varios aca: 10 Best Wordpress Sharing Plugins of 2012 To Get More Social Traffic | Tools

sebap04 · 7 Mar 2012

Neu7ral dijo:
Ese plugin lo tengo actio en mi blog: Enlace eliminado mira alguna entrada y veras!

este plugin se llama Dig Dig, puedes encontrar varios aca: 10 Best Wordpress Sharing Plugins of 2012 To Get More Social Traffic | Tools

Veo que lo tenés puesto en las entradas pero no en el home. Se puede poner en el home también?

Gracias!

ramonjosegn · 7 Mar 2012

sebap04 dijo:
Veo que lo tenés puesto en las entradas pero no en el home. Se puede poner en el home también?

Gracias!

eso generalmente depende de la plantilla, esos plugins suelen ir en widgets...

Neu7ral · 7 Mar 2012

mmm no en realidad nunca he probado en el home, pero si buscas documentacion sobre el plugin de seguro encontraras la respuesta!

damian · 7 Mar 2012

Este plugin se llama sharebar

WordPress › Sharebar « WordPress Plugins

lo unico que el boton de google plus tenes que agregarlo al plugin, pero es facil copias el codigo de google y listo, si necesitas ayuda me avisas.

Espero que te sirva

demosten · 8 Mar 2012

Uno casi igual es : Digg Digg

sebap04 · 8 Mar 2012

Gracias por las respuestas.

Probé el sharebar pero no es como lo que digo, es algo molesto. Lo que estoy buscando es algo como lo que está en esta web:

Imageral | Tecnología, Apple, iPhone...

Alguien sabe cuál es? O sabe hacerlo?

Saludos

Delmon · 8 Mar 2012

sebap04 dijo:
Gracias por las respuestas.

Probé el sharebar pero no es como lo que digo, es algo molesto. Lo que estoy buscando es algo como lo que está en esta web:

Imageral | Tecnología, Apple, iPhone...

Alguien sabe cuál es? O sabe hacerlo?

Saludos

Veo que ya lo pusiste en tu blog, así es como deseas o que le deseas cambiar?

damian · 9 Mar 2012

Este es el codigo que permite crear lo que hay en la pagina, solo quedaria ver como cambiar por los datos sociales de tu web

<div style="background-color: #fff;border: 5px solid rgba(180, 180, 180, .7); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: scroll;position:fixed;bottom:0px;right:0px; padding: 10px;margin: 0 auto; text-align:center;"> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g😛lusone size="tall" href="http://imageral.com"></g😛lusone><div style="height: 7px;"> </div> </ br><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://imageral.com" data-count="vertical" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> </br /><br/><iframe src="http://www.facebook.com/plugins/like.php?app_id=186708408052490&href=http://imageral.com/&send=false&layout=box_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling="no" frameborder="0" style="border:none; margin-top: 10px; overflow:hidden; width:80px; height:60px;" allowTransparency="true"></iframe></div>

Espero sirva para que vos puedas hacerlo en tu web

Delmon · 9 Mar 2012

Tutorial Social Web

Esta como que muy desordenado el código, haré un tutorial sencillo.

Primero, necesito que agregues estas lineas a tu css:

Insertar CODE, HTML o PHP:

#boxSocialWeb{display:scroll;position:fixed;bottom:60px;right:20px;border: 3px solid #A4A4A4;background:#ffffff;width:90px;height:240px; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#boxSocialWeb .itemSocialWeb {float:left;margin:1px;width:73px;heigth:100px;padding:6px;}
#boxSocialWeb .itemSocialWebGoogle {float:left;margin:1px 15px;width:73px;heigth:100px;padding:6px;}
#boxSocialWeb .itemSocialWebTwitter {float:left;margin:1px 4px;width:73px;heigth:100px;padding:6px;}

Luego de eso, agrega en el Footer, antes del </body>, éste codigo:

HTML:

<div id="boxSocialWeb">
	<div class="itemSocialWeb">
	<iframe src="http://www.facebook.com/plugins/like.php?href=TU URL AQUI&amp;send=false&amp;layout=box_count&amp;width=95&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=75" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:95px; height:75px;"></iframe>
	</div>
	<div class="itemSocialWebGoogle">
	<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
	<g:plusone size="tall" href="TU URL AQUI"></g:plusone>
	</div>
	<div class="itemSocialWebTwitter">
	<a href="http://twitter.com/share" class="twitter-share-button" data-url="TU URL AQUI" data-via="TU USUARIO TWITTER AQUI" data-text="TEXTO DE REFERENCIA AQUI" data-count="vertical" data-lang="es">Tweet</a>
	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
	</div>
</div>

No olvides editar las parte que te puse como : "TU URL AQUI, TU USUARIO TWITTER AQUI... etc"

damian · 9 Mar 2012

Delmon dijo:

Esta como que muy desordenado el código, haré un tutorial sencillo.

Primero, necesito que agregues estas lineas a tu css:

Insertar CODE, HTML o PHP:

#boxSocialWeb{display:scroll;position:fixed;bottom:60px;right:20px;border: 3px solid #A4A4A4;background:#ffffff;width:90px;height:240px; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#boxSocialWeb .itemSocialWeb {float:left;margin:1px;width:73px;heigth:100px;padding:6px;}
#boxSocialWeb .itemSocialWebGoogle {float:left;margin:1px 15px;width:73px;heigth:100px;padding:6px;}
#boxSocialWeb .itemSocialWebTwitter {float:left;margin:1px 4px;width:73px;heigth:100px;padding:6px;}

Luego de eso, agrega en el Footer, antes del </body>, éste codigo:

HTML:

<div id="boxSocialWeb">
	<div class="itemSocialWeb">
	<iframe src="http://www.facebook.com/plugins/like.php?href=TU URL AQUI&send=false&layout=box_count&width=95&show_faces=false&action=like&colorscheme=light&font=tahoma&height=75" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:95px; height:75px;"></iframe>
	</div>
	<div class="itemSocialWebGoogle">
	<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
	<g:plusone size="tall" href="TU URL AQUI"></g:plusone>
	</div>
	<div class="itemSocialWebTwitter">
	<a rel="nofollow" href="http://twitter.com/share" class="twitter-share-button" data-url="TU URL AQUI" data-via="TU USUARIO TWITTER AQUI" data-text="TEXTO DE REFERENCIA AQUI" data-count="vertical" data-lang="es">Tweet</a>
	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
	</div>
</div>

No olvides editar las parte que te puse como : "TU URL AQUI, TU USUARIO TWITTER AQUI... etc"

Muchas gracias por este tutorial.

Lo probe pero sale en el footer y no como algo flotante en la parte de la web, hay que hacer scroll para verlo porque sale en el footer, habre hecho algo mal.

Saludos

Delmon · 9 Mar 2012

Enviame un MP y te doy asesoria personal, así evitamos el spam.

sebap04 · 11 Mar 2012

Gracias! AHora lo probaré y te envio MP por la misma duda que el anterior usuario. Si podés pone acá como solucionarlo así todos saben.

Saludos

Plugin de caja flotante para web

sebap04

Delmon

Neu7ral

sebap04

ramonjosegn

Neu7ral

damian

demosten

sebap04

Delmon

damian

Delmon

damian

Delmon

sebap04

Temas similares

Privacidad y transparencia

Privacidad y transparencia