martes, 24 de julio de 2012

Modificando el codigo del pluguin AddToAny para el boton de Twitter

Seguramente ya conocen el Pluguin AddToAny excelente para poner tus botones de redes sociales en tu sitio de Wordpress.
Como veran es facil instalarlo, pero lo ideal seria que el boton de Twitter en vez de mostrarnos:
deberia darnos lo siguiente con el Via incluido
Esto tanto para el botón de twitter como para el del cuadro. y como hacemos para lograrlo ??? Pues para el Boton es facil vamos a el Editor del Pluguin y buscamos el codigo:

$custom_attributes .= ' data-url="' . $linkurl . '"';
$custom_attributes .= ' data-text="' . $linkname . '"';

Y le agregan la linea:


$custom_attributes .= ' data-url="' . $linkurl . '"';
$custom_attributes .= ' data-text="' . $linkname . '"';
$custom_attributes .= ' data-via=user_name';



Para el del cuadro es mas facil:

http://share.lockerz.com/buttons/customize/twitter_message 


Copiamos el codigo y lo pegamos en la parte inferior de los Ajustes del Pluguin



y listo!!!!

jueves, 19 de julio de 2012

Agregar el FanBox de Facebook en el blog con diferente color de fondo

El Articulo principal se muestra en: Agregar el FanBox de Facebook en el blog (sin bordes y un extra) El FanBox o LikeBox de Facebook es esa cajita que muestra los avatares de las personas a las que les gusta determinada página de Facebook. Agregar el Fanbox en Blogger es bastante sencillo y no requiere quebrarse la cabeza con códigos. Primero entra a Facebook Developers . Ahí agrega la URL de tu página de Facebook, selecciona el ancho del gadget, color del tema, si deseas mostrar los avatares, la actividad reciente y la cabecera del gadget. Ya que lo tengas listo da click en Get Code.
Aparecerá un código para copiar; copia el código que está debajo de iframe. Luego entra en Diseño | Elementos de la página | Añadir gadget | HTML/Javascript y ahí pega el código que copiaste. Con eso ya tienes el Fanbox en tu blog.




Algunas veces la página de Facebook anda medio loca y en el código nos pondrá una altura de 62px con lo cual se verá sólo un rectángulo. Para arreglarlo sólo cambia el alto (height) del código en las dos veces que aparece:
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffans.ciudadblogger&amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=true&amp;height=289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:289px;" allowTransparency="true"></iframe>

Con una altura de 289px será más que suficiente, pero si deseas mostrar más avatares entonces agrega una altura mayor.

Notarás que el Fanbox tiene integrado unos bordes grises que no se ven nada estéticos y además debajo aparece el icono de Facebook con el texto Plug-in socialde Facebook.
Lo que haremos ahora será quitar esos bordes, el texto debajo, y aprovechando podemos modificar el color de fondo.
Para aplicar estos cambios agrega a tu código lo que está en color azul:
<div class='likeboxwrap'>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffans.ciudadblogger&amp;width=292&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=true&amp;height=289" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:289px;" allowtransparency="true"></iframe>
</div>

<style type='text/css'>
div.likeboxwrap {
width:290px; /* Quitar 2px al ancho del gadget */
height:264px; /* Quitar 25px al alto del gadget */
background-color:#8A084B; /* Color de fondo del gadget */
overflow:hidden;
}
div.likeboxwrap iframe {margin:-1px}
</style>

Y el resultado será este:



Aquí hay que tomar algunas cosas en consideración:
Para poder aplicarle un color de fondo es necesario que tengas el tema light en el gadget y NO el dark.
Dentro del código extra que hemos agregado hay unos estilos del ancho y alto del gadget; al ancho (width) del Fanbox le restaremos 2px para eliminar por completo el borde; y al alto (height) le restaremos 25px. Eso se cambia en donde se ha señalado en color verde.
En algunos casos cuando el Fanbox sea más grande o cuando hayan elegido no mostrar la cabecera del FanBox entonces podrían restarse otros valores del acho y alto, ya será cuestión de que cada uno modifique ese ancho y alto hasta que obtenga el mejor resultado.



martes, 17 de julio de 2012

Añadir el botón +1 (PlusOne) de Google en Blogger, en cada entrada de Blogger

El post pertenece a: Añadir el botón +1 (PlusOne) de Google en Blogger 

Desde hace un par de meses Google había anunciado un botón llamado Plus One (+1) el cual funcionaría como el botón 'Me gusta' de Facebook, o sea que, al ver los resultados en una búsqueda podríamos ver cuántas personas han recomendado algún enlace de los resultados y nosotros mismos también valorar los enlaces que más nos gusten.

El botón ya ha sido lanzado, y como lo han anunciado en Blogger Buzz ya está disponible también en Blogger.


El botón estándar viene incluido dentro de los botones de compartir de Blogger, si aún no los tienes sólo ingresa en Diseño | Elementos de la página, da click en Editar sobre el elemento Entradas del blog y ahí marca la casilla de los botones.


Si ya tuvieras los botones pero no ves el botón Plus One, entonces agrega después de esta línea:

viernes, 13 de julio de 2012

¿Por qué no puedo ver vídeos de Youtube con Firefox?

La nota principal se encuentra en: ¿Por qué no puedo ver vídeos de Youtube con Firefox?

Si al darle play en un video de Youtube en Firefox 13 te aparece la pantalla negra y o reproduce:



La última actualización del navegador Mozilla Firefox, la versión 13, está dando muchos problemas a la hora de reproducir vídeos en Youtube, ya que es imposible verlos porque te da error. Sin embargo ves algún vídeo con el Internet Explorer o el Google Chrome y puedes ver los vídeos perfectamente.

El problema reside en que el Adobe Flash Player sacó su última versión, la 11.3 y el Firefox tiene los pluggins de la versión 11.2. Ambas versiones chocan y por eso es imposible ver vídeo alguno desde la última actualización de Firefox. Sin embargo la solución es bien sencilla, tras navegar por cantidad de páginas web, blogs y foros en donde la mayoría sólo te dicen que descargues complementos, desinstales e instales pluggins y demás, di con la solución en los foros de consulta de Adobe.

Para solucionar el problema y volver a ver vídeos de Youtube con Firefox, tan sólo has de desactivar el "modo protegido" de Flash Player. Para ello sigue estos pasos:

1- Busca el archivo mms.cfg que lo podrás encontrar en:
  Windows 32bit: C:\windows\system32\macromed\flash
  Windows 64bit: C:\windows\syswow64\macromed\flash
(Haces click en panel de control,  entras en equipo y en la barra de direcciones copias una de las rutas de arriba, yo lo hice con C:\windows\syswow64\macromed\flash).

2- Verás el archivo llamado mms.cfg y tienes que abrirlo con el bloc de notas. Tan sólo has de añadir la siguiente línea:
  ProtectedMode = 0

3- Cierras Firefox, lo reinicias y listo.

Esto fue lo que me solucionó el problema, espero que a ti también te pueda servir de ayuda.