Apoya a Club MBA mostrando un badge en tu blog!

[Chio]

Hola a todos!

Nos gustaría pediros ayuda para dar a conocer la comunidad a gente que esté interesada en estudiar un MBA, otro programa de posgrado, o esté buscando oportunidades para salir al extranjero a estudiar/trabajar. Estamos seguros de que esta comunidad puede ser de ayuda a mucha gente y entre todos podemos crear una gran comunidad en la que todos podamos ayudarnos. Si a cambio queréis publicitar vuestro blog tenemos este hilo: Los blogs de miembros de Club MBA

Aquí os dejamos unos ejemplo de badge/distintivo que podéis insertar en vuestro blog:

VERSIONES

Versión 1 - Horizontal Pequeño

Código: Seleccionar todo

<a href="http://www.club-mba.com"><img src="http://www.club-mba.com/cm_imagenes/image_logo_peque.png"/></a>

que quedaría así



Versión 2 - Horizontal Mediano

Código: Seleccionar todo

<a href="http://www.club-mba.com"><img src="http://www.club-mba.com/cm_imagenes/image_logo_medio.png"/></a>

que quedaría así



Versión 3 - Horizontal Grande

Código: Seleccionar todo

<a href="http://www.club-mba.com"><img src="http://www.club-mba.com/cm_imagenes/image_logo_grande.png" /></a>

que quedaría así



Versión 4 - Vertical

Código: Seleccionar todo

<a href="http://www.club-mba.com"><img src="http://www.club-mba.com/cm_imagenes/image_logo_cuadrada.png"/></a>

que quedaría así



Podéis ajustar el ancho y alto cambiando a mano las variables height y width

INSTALACIÓN

Blogger/Blogspot
- Ve a Escritorio -> Diseño
- Pincha en Añadir un Gadget en la zona que quieras ponerlo.
- Elige el gadget "HTML/Javascript" y te dejará configurar el gadget.
- En el texto copia el código de la versión que hayas elegido. El título puedes dejarlo vacío.
- Dale a guardar y ya está listo.

Wordpress
- Ve a Escritorio -> Apariencia -> Widgets
- Elige el widget de "Texto" y arrástralo a la barra de la derecha donde quieras.
- En el texto copia el código de la versión que hayas elegido. El título puedes dejarlo vacío.
- Dale a guardar y ya está listo.

Si no queda bien, puedes intentar poner otro tamaño de logo o modificar a mano las variables height y width del código.

Si tenéis alguna sugerencia sobre otros tipos de badge u otros tamaños (no somos muy buenos como diseñadores :P), por favor hacérnoslo saber.

Gracias!!!!!

[melkart]

Yo estoy un poco pez en aquello de la edición HTML, ¿podríais echarme una mano para incluirlo en mi blog?

[rid]

He editado el post de Chio añadiendo diferentes tamaños de logos, y también con una mini guía de como añadirlos en Blogger y Wordpress.

¡Gracias!

[melkart]

Estupendo!!

Muchas gracias a los dos, ahora mismo incorporo el badge en mi blog!!

[cano]

Muy bien explicado. Gracias Chio!

[ktoubes]

Hecho!

Ya había comentado con anterioridad sobre la comunidad, pero me parece buena idea añadir un enlace

[sanchisfortea]

Vuestro Badge ya esta en mi Blog: http://studypassionforfinance.blogspot.com/
Espero aportar mi pequeño grano de arena a esta gran comunidad.

[melkart]

Hola sanchisfortea!!

Yo no he conseguido que el badge se vea bien en mi blog de blogspot a pesar de haber seguido las instrucciones de Chio al pie de la letra, ¿te importaría explicarme cómo lo has hecho tú?

[Chio]

Vuestro Badge ya esta en mi Blog

Gracias!!! He añadido tu blog a la lista de blogs de usuarios ;)

Yo no he conseguido que el badge se vea bien en mi blog de blogspot a pesar de haber seguido las instrucciones de Chio al pie de la letra

A primera vista parece que has puesto valores incorrectos en el height y width, prueba a dejarlos vacios (height="" width="") o a modificar los valores por defecto (58, 203). Si no funciona avisa y te ayudamos.

[cano]

He notado que con Firefox se lo ve perfecto, pero con Internet Explorer no se lo ve! Quiza por eso sea que algunos tienen problemas? He puesto otros badges y se ven bien con los dos browsers.

[melkart]

Y cuales son los que se ven bien con los dos navegadores??

[rid]

Hola,

malkart, el problema en tu blog casi seguro que es lo que dice Chio, el tamaño es incorrecto

En el código del logo que has puesto, en vez de

Código: Seleccionar todo

height="1" width="1"

pon

Código: Seleccionar todo

height="" width=""

Ahora al poner tamaño 1 entonces la imagen es minúscula y no se ve. Si no pones nada entonces coge el tamaño por defecto.

Para ver una página con distintos navegadores podéis usar browsershots.org

He probado el blog de melkart y no se ve en ningún navegador:
http://browsershots.org/http://quieroha ... gspot.com/

Lo único que muestra los códigos es una imagen .png, por lo que se tiene que ver en cualquier navegador. Esta es la imagen:
http://www.club-mba.com/cm_imagenes/ima ... _peque.png

[melkart]

Hola,

malkart, el problema en tu blog casi seguro que es lo que dice Chio, el tamaño es incorrecto

En el código del logo que has puesto, en vez de

Código: Seleccionar todo

height="1" width="1"

pon

Código: Seleccionar todo

height="" width=""

Ahora al poner tamaño 1 entonces la imagen es minúscula y no se ve. Si no pones nada entonces coge el tamaño por defecto.

Para ver una página con distintos navegadores podéis usar browsershots.org

He probado el blog de melkart y no se ve en ningún navegador:
http://browsershots.org/http://quieroha ... gspot.com/

Lo único que muestra los códigos es una imagen .png, por lo que se tiene que ver en cualquier navegador. Esta es la imagen:
http://www.club-mba.com/cm_imagenes/ima ... _peque.png

He probado lo que me habéis dicho y nada, y también he probado a colocar otro badge, el más cuadradito, por si encajaba mejor y sí me lo cogía, pero no hay manera...

[rid]

yo si que lo veo ahora (desde Firefox), pero no desde IExplorer.

Tiene pinta que blogger es un poco quisquilloso y si el tamaño de ancho no entra bien para el navegador en la barra que tienes, pues no se ve. Te haré uno más pequeño y vemos.

[melkart]

Ok, muchísimas gracias rid!! hay que ver la lata que está dando blogspot...

[Zoe]

estoy en Safari y yo también lo veo, he probado en Chrome y también

[melkart]

estoy en Safari y yo también lo veo, he probado en Chrome y también

yo si que lo veo ahora (desde Firefox), pero no desde IExplorer

Yo también he probado desde Firefox y se ve perfectamente, así que el único navegador con el que no funciona el badge es con IE (señor Gates, por favor, haga un browser decente!! ) El único pero es que aprox el 45% de las visitas que recibo en mi blog lo hacen desde Explorer, pero bueno, al menos el otro 55% sí que verá el badge.

[cano]

Y cuales son los que se ven bien con los dos navegadores??

Disculpa si no fui claro, me referia a otro badge que no tiene nada que ver con club-mba.com. En wordpress.com se lo ve bien con firefox y IE, pero el badge de club-mba.com no lo puedo ver con IE.

[cano]

rid, no creo que tenga que ver con blogger porque yo tampoco lo puedo ver usando IE en wordpress.com. He probado de ver tu blog tambien y veo el badge con firefox pero no con IE.

[rid]

gracias cano, tenías razón, no se ve en IExplorer nunca!

Creo que ya hemos encontrado el problema. melkart, puedes probar a quitar las variables height y width?
Por ejemplo, con el logo cuadrado quedaría:

Código: Seleccionar todo

<a href="http://www.club-mba.com"><img src="http://www.club-mba.com/cm_imagenes/image_logo_cuadrada.png"/></a>

Parece que IExplorer interpreta estas variables vacías de forma distinta a los demás navegadores, quizá si las ve vacías les pone valor 0, y claro no se ve.

He cambiado esto en mi blog y ahora lo veo también desde IExplorer, que de hecho no tenía ni idea de que no se veía.

[melkart]

Tienes razon!! Ahora ya sí que se ve!!

[ktoubes]

Efectivamente, a mi me pasaba lo mismo con Internet Explorer, no me había dado ni cuenta!

La solución de Rid soluciona el problema:
<a href="http://www.club-mba.com"><img src="http://www.club-mba.com/cm_imagenes/ima ... .png"/></a>

Saludos,
Kike

[cano]

Que grande rid, muy bien por resolverlo tan rapido. Veo que ya has modificado todos los codigos en el post inicial. +1