Qué hacer si... Quiero reportar un blog

Una de las formas de contribuir a que la red sea más segura para nosotros y nuestros hijos es saber identificar los blogs que irrumpen la Política de contenido de Blogger y reportarlos para que Blogger pueda tomar las acciones que consideren pertinentes.

Como dije, es necesario saber identificar estos blogs, pues, debe quedar claro que un blog que puede ser reportado no es un blog con el cual no estamos de acuerdo por sus ideas políticas, personales o de cualquier otra índole del cual estemos en desacuerdo. Sino que es aquél blog que infringe las Política de contenido de Blogger que son bastante claras y que puedes entender un poco más de ellas en la entrada Qué hacer si... Me eliminaron el blog.

Bien, ya habiendo quedado claro cuáles son los blogs que pueden ser reportados tenemos dos opciones a las que podemos recurrir para denunciarlo.

El primero es que, si el blog cuenta con la Navbar deberás hacer click en Informar sobre mal uso.

Una vez que des click ahí se abrirá una ventana con un texto en inglés que traducido al español dice esto:

Una de las características de Blogger es la importancia de la libertad de expresión. Blogger es un proveedor de herramientas de creación de contenido, no un mediador de dicho contenido. Permitimos a nuestros usuarios crear blogs, pero no hacer ningún reclamo sobre el contenido de estas páginas, ni tampoco censurarlas. Sin embargo, Blogger tiene normas y políticas para proteger a nuestros usuarios y la red de Blogger, así como para garantizar que Blogger está cumpliendo con todas las autoridades nacionales, estatales, internacionales y leyes locales.

Y debajo verás tres opciones:
Spam (Más información.)
Desnudos (Más información)
Alguien está publicando mi información privada

Sólo selecciona la opción que corresponde y da click en Continue.

La segunda opción es para aquéllos blogs que no tienen la navbar, o bien, para cuando la infracción es de otro tipo y no está especificada en las opciones anteriores.

En esos casos hay que ingresar al Centro se asistencia y veremos algunos enlaces, pero son sólo cuatro los que nos interesan que son: informar sobre SPAM, desnudos, contenidos discriminatorios, o cuestiones legales.

Este último deberá ser utilizado sólo cuando se trate sobre la violación a alguna ley de tu país, por ejemplo pedofília, fraude, etc.

Para acceder a esa opción debes hacer click en:

¿Has visto contenido inadecuado o ilegal? Averigua cómo puedes informar de este contenido.

Y a continuación click en:

Me gustaría informar sobre cierto contenido que es ilegal en mi país.

En cualquiera de estas dos opciones hay que tener en cuenta que, a menos que se trate de un asunto legal (el último formulario), Blogger necesita que haya reportes de distintos usuarios sobre el mismo blog para que puedan tomarlo en cuenta, así que una vez que lo has reportado puedes comunicarte con el Foro de Ayuda de Blogger para informar sobre el blog que está cometiendo las infracciones y así otros usuarios también puedan reportarlo (esto último no digan que yo se los dije).

Ya que Blogger ha recibido varios reportes y comienza a darle un seguimiento mostrará en dicho blog un anuncio como este:

Este blog se está revisando debido a una posible infracción de las Condiciones del servicio de Blogger y solo está abierto a los autores.

Ahora, es posible que aunque ya hayas hecho el debido reporte no pase nada por mucho tiempo, la razón, no lo sé, sólo un empleado de Google puede responder a esa pregunta. Quizá se deba a que se necesitan muchos reportes de distintos usuarios, o que Blogger no considere que se trate de una infracción.

En los casos en los cuales la infracción sea un delito sancionado en tu país, además de usar el formulario para asuntos legales, puedes, si lo consideras necesario, presentar una denuncia formal en las oficinas policíacas de tu país que correspondan.

Hay que ser consientes que estas medidas no son para afectar a otros autores de blogs o que se trate de una cacería de brujas, sino más bien, para ayudar a que la navegación en Internet sea segura para nosotros y los más pequeños.

Aumentar imágenes con Zoom It

Aunque hay librerías de scripts que permiten darle un efecto de zoom a las imágenes de tamaño grande, en ocasiones estas librerías no son compatibles con otros scripts que tenemos, o bien, puede hacer un tanto pesada la carga del blog.

Es en esos momentos en los que agradecemos de servicios gratuitos que nos permiten hacer lo mismo pero sin tener que modificar la plantilla ni hacer malabares que nos den dolores de cabeza.

Un ejemplo de ello es Zoom It, un sitio que nos permite de la manera más simple insertar una imagen en el blog con la opción de aumentar la misma imagen con tan solo darle click sobre ella.

El procedimiento es tan simple que está al alcance hasta de los más novatos. Sólo basta subir la imagen a un alojamiento (incluso en Blogger puede ser). Luego entrar a Zoom It, y ahí ingresar la URL de la imagen que hemos subido y que deseamos mostrar.

Al dar click en Create tendremos lista la imagen con la opción de darle zoom a cualquier parte de ella.

Debajo aparecerán dos opciones, una es la URL para que tus lectores puedan entrar al sitio a verla, y la otra es un script que nos permitirá insertar la imagen dentro del blog, sólo basta copiar el código que está dentro de Embed y pegarlo en una entrada del blog.

En el código podremos observar que se pueden modificar los valores del tamaño.

<script src="http://zoom.it/mXJv.js?width=auto&height=400px"></script>

De modo que width=auto hará que el ancho se ajuste automáticamente al ancho de la entrada, y height=400px es el alto en pixeles que tendrá dicho gadget, se puede ajustar por otro valor más pequeño o más grande, según se desee.

Enlace | Zoom It

Recuperar las fotos de TinyPic

Desde hace ya un tiempo TinyPic ha tenido que reducir el número de países a los que les da servicio de alojamiento de imágenes debido a que ya no les resulta muy rentable el negocio dado que la mayoría lo utiliza de forma gratuita y es poco el número de usuarios que deciden pagar por este servicio.

Como consecuencia cada vez más los países donde las IP de los usuarios son bloqueadas para que estos no puedan acceder a sus servicios, y esto ha afectado a muchos blogs que tienen dentro de su diseño imágenes alojadas en este servidor. Por lo que ahora en lugar de mostrar la imagen original muestra esta otra:

Para recuperar las imágenes de TinyPic vamos a valernos de cualquier sitio que nos permita navegar anónimamente para que oculte nuestra IP y y de este modo podamos acceder a nuestras imágenes haciéndole creer al servidor que no estamos en nuestro país sino en cualquier otro.

Sitios de estos hay muchos, uno que pueden usar es ProxyGiga.

Lo único que tenemos que hacer es entrar ahí y escribir en el recuadro la URL de la imagen que tenemos alojada en TinyPic y dar click en Go.

De esta forma podremos visualizar la imagen y la podremos guardar en el equipo y subirla a Blogger para evitar problemas futuros. Ya subida la imagen en Blogger (o cualquier otro alojamiento si es que quieres arriesgarte) cambia la URL que tengas de TinyPic por la nueva que acabas de subir y fin del problema.

Otros sitios para esconder la IP:
Megaproxy
ProxyMafia

Menú desplegable con efecto deslizante

Este es un menú vertical desplegable que funciona a base de las librerías de Scriptaculous y Prototype que harán que se mantenga oculto en un extremo de la ventana y que se despliegue una vez que demos click en él. Este menú es muy conveniente para quienes les gusta ahorrar espacio y mantener el aspecto del blog muy prolijo. Además, el efecto deslizante que tiene le da muy buen gusto.

Puedes ver un ejemplo funcionando en este blog de pruebas.

Para colocarlo en tu blog sólo sigue estos tres pasos, primero entra en Diseño | Edición de HTML y pega antes de ]]></b:skin> lo siguiente:

#sideBar{
text-align:left;
}

#sideBar h3{
margin:10px 10px 10px 10px;
color:#FFFFFF;
font-size:110%;
font-family:arial;
font-weight:bold !important;
}

#sideBar h3 span{
font-size:125%;
font-weight:normal !important;
}

#sideBar ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#sideBar li{
margin:0px 10px 3px 10px;
padding:2px;
list-style-type:none;
display:block;
background-color:#DA1074; /* Color de fondo de las pestañas */
width:177px;
color:#FFFFFF; /* Color del texto de las pestañas */
}

#sideBar li a{
width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
color:#FFFFFF;
font-family:verdana;
font-size:100%;
text-decoration:none;
display:block;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
}

#sideBar li a:hover{
color:#FFFFFF; /* Color del texto al pasar el cursor */
text-decoration:underline; /* Subrayado en el link al pasar el cursor */
}

#sideBar{
position: fixed;
width: auto;
height: auto;
top: 140px;
right:0px;
background-image: url(http://4.bp.blogspot.com/_dsEG33PDaHw/TJgkQYRg-WI/AAAAAAAAAXI/PIf482FPBBg/s1600/background.png);
background-position:top left;
background-repeat:repeat-y;
}

#sideBarTab{
float:left;
height:137px;
width:28px;
}

#sideBarTab img{
border:0;
}

#sideBarContents{
float:left;
overflow:hidden !important;
width:200px;
height:320px; /* Alto del menú */
}

#sideBarContentsInner{
width:200px;
}

Luego antes de </head> pega esto:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.7.0.0");
google.load("scriptaculous", "1.9.0");
</script>
<!-- Prototype y Scriptaculous-->

<script type='text/javascript'>
var isExtended = 0;
function slideSideBar(){
new Effect.toggle(&#39;sideBarContents&#39;, &#39;blind&#39;, {scaleX: &#39;true&#39;, scaleY: &#39;true;&#39;, scaleContent: false});
if(isExtended==0){
new Effect.Fade(&#39;sideBarContents&#39;,
{ duration:1.0, from:0.0, to:1.0 });
isExtended++;
}
else{
new Effect.Fade(&#39;sideBarContents&#39;,
{ duration:1.0, from:1.0, to:0.0 });
isExtended=0;
}}
function init(){
Event.observe(&#39;sideBarTab&#39;, &#39;click&#39;, slideSideBar, true);
}
Event.observe(window, &#39;load&#39;, init, true);
</script>

Por último antes de </body> pega este código:

<div id='sideBar'>
<a href='javascript:void(0)' id='sideBarTab'><img alt='sideBar' src='http://3.bp.blogspot.com/_dsEG33PDaHw/TJgkmFY8Q5I/AAAAAAAAAXQ/jvq54RD-IZI/s1600/slide-button.gif' title='sideBar'/></a>
<div id='sideBarContents' style='display:none;'>
<div id='sideBarContentsInner'>
<h3><span>Contenido</span></h3>
<ul>
<li><a href='URL del enlace'>Pestaña 1</a></li>
<li><a href='URL del enlace'>Pestaña 2</a></li>
<li><a href='URL del enlace'>Pestaña 3</a></li>
<li><a href='URL del enlace'>Pestaña 4</a></li>
<li><a href='URL del enlace'>Pestaña 5</a></li>
<li><a href='URL del enlace'>Pestaña 6</a></li>
</ul>
</div>
</div>
</div>

Cambia la URL del enlace donde se indica así como el título de la pestaña y ya estará funcionando.

En el primer código hay unas anotaciones en color verde que se pueden personalizar tales como el color del texto, tamaño, etc.

Luego, tanto el fondo del menú como el botón que dice 'menú' son dos imágenes, por lo tanto, si se desea cambiar de color deberán editarse estas imágenes. Esas imágenes están en el primer y último código, las he puesto en color azul para que las identifiques, la primera corresponde al color de fondo y la segunda al botón del menú.

Sin duda es un menú al que se le puede sacar mucho provecho, ya sea para agregar contenido del blog, redes sociales, o cualquier otro tipo de enlaces que se deseen tener de manera que no ocupen mucho espacio en el blog.

Por último recuerda que el menú usa Scriptaculous y Prototype por lo tanto, si usas Mootools o jQuery seguramente no podrás utilizarlo.

Ocultar títulos de las páginas estáticas

Una pregunta que me hacen muy seguido es cómo ocultar los títulos de las páginas estáticas, pues como son simples páginas el tener un título les da una apariencia de entradas comunes y es justo eso lo que queremos evitar.

El procedimiento es sumamente sencillo y basta usar una condicional que dará la instrucción que cuando se trate de una página entonces el título desaparezca.

Para ocultar los títulos de las páginas sólo entra en Plantilla | Edición de HTML y antes de </head> pega lo siguiente:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type="text/css">
h3.post-title {
display:none;
}
</style>
</b:if>

Con ese simple y sencillo paso el título de las páginas no se mostrarán.