¿What is Wordpress Adsense Stats?

Adsense Stats is a widget for WordPress to display detailed statistics about your Google Adsense earnings without requiring login into your Google account.

Install

1. Upload adsense-stats directory to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Configure and enjoy

Once the plugin is activated it creates a “AdSense Stats” panel under “Options”.
It will allow you to manage the Google Adsense login.

Buy me a coffee

Buy me a coffee

Download

adsense-stats-1.0.zip

Changelog

1.0
    * Initial version

Tremenda sorpresa me llevo cuando intento acceder a este humilde blog y me encuentro con el siguiente mensaje:

¡Sitio sospechoso de ataque!
Este sitio web en www.coders.me ha sido informado como un sitio de ataque y ha sido bloqueado basado en sus preferencias de seguridad.

Si usas Firefox podrás reproducir el error visitando Sexy Lightbox.

¿Por qué sucede esto?

No tengo idea pero sospecho que estamos siendo atacados. Estos últimos días recibí muchas visitas de una página de torrents, pero no pude identificar la fuente del enlace.

¿Si visito coders.me voy a quedar infectado?

NO. No se trata mas que de un tonto error de Google, el cual nos perjudica enormemente.
Ellos son los que manejan la web, y nos han bloqueado todo el tráfico del buscador por estar en la ‘lista negra’.

Estoy desesperado, no creo que me quiten de la lista negra, quizás lo mejor sea crear un blog nuevo desde cero… pero la impotencia que siento es indescriptible.

¿Alguien alguna vez sufrió este tipo de ataque?
He buscado en Google pero no parece haber una solución real. Si Google te la pone, Google debería sacartela :S

* Ahora los elementos pueden ‘flotar’ (pero no revolear las patas) dependiendo del estilo previo que se le haya puesto al elemento (float:left o float:right).
* Puedes poner iconos en los Textbox y Selextbox.
* Los SelectBox disparan eventos.
* Varios bugs de posición arreglados.
* Más themes disponibles para elegir.

Por ahora no hay versión para jQuery .

Download

Puedes descargar la última versión desde aquí.

El problema

Veamos un ejemplo:

<style>
.red{
  color: red;
}
</style>
<input type="text" id="nombre" class="red"/>

Desde un script externo yo podría hacer lo siguiente:

$('nombre').erase('class');
$('nombre').addClass('blue');

De esa manera, sobrescribimos el estilo por el nuestro, mostrando el color del texto en azul. Pero el script anterior no funcionará en el siguiente caso:

<style>
input#nombre{
  color: red;
}
</style>
<input type="text" id="nombre" />

Y esto es porque input#nombre tiene mucho más peso que nuestra clase ‘blue’.

La solución

Element.implement({
  ForceClass: function(param) {
    if (!$('mooForceClass')) {
      document.body.adopt(new Element("force", { 'id' : 'mooForceClass' }));
    }
    var mooForceClass = $('mooForceClass');
    mooForceClass.erase('class');
    mooForceClass.addClass(param);
    var Styles = mooForceClass.getStyles('left', 'top', 'bottom', 'right',
    'width', 'height', 'color', 'line-height', 'margin', 'padding',
    'text-indent', 'text-transform', 'z-index', 'text-decoration',
    'vertical-align', 'position', 'display', 'visibility', 'overflow',
    'float', 'clear', 'cursor', 'background', 'list-style',
    'border-style', 'border-weight', 'border-color', 'font-family',
    'font-size', 'font-weight', 'font-style', 'border-color',
    'border-weight', 'border-style');
    mooForceClass.erase('class');
    return this.setStyles(Styles);
  }
});

Lo que hace la función ForceClass es agregar como Style, los estilos de una clase. Como todo el mundo sabe, la propiedad Style tiene más peso que el class mas específico que pueda haber.

Ahora en el mismo ejemplo, podríamos hacer lo siguiente:

input#nombre{
  color: red;
}
<input type="text" id="nombre" />

$('nombre').ForceClass('blue');

Es tan sólo una idea, que quizás como todo remedio tiene ‘efectos secundarios’

¿Que les parece?

Bugs

Se han corregido varios bugs de la versión anterior entre ellos:

• Cuando clickeabas en una imagen, y luego en un link apuntando a contenido html, el contenido/iframe permanecían con el fondo de la imagen anterior.
• El loading mostraba un fondo negro luego de ver un video.
• Internet Explorer mostraba el overlay mas grande de lo que realmente debía ser.
• AJAX 404 error no mostraba notificación de error.

Mejoras

También se han agregado algunas mejoras:

• Bordes mas suaves y nítidos.
• Agregada la función refresh() para volver a escanear el documento en busca de enlaces con rel=”sexylightbox”. Muy útil luego de haber hecho cambios en el DOM.
• Agregada la función shake() que crea un pequeño efecto de sacudida en el lightbox.
• Agregado el estilo ‘modal’ que cancela el cierre del lightbox clickeando en el overlay.

Pero sin duda la actualización mas significativa es la de poder trabajar con las nuevas versiones de los frameworks mas populares:
MooTools 1.2.2
jQuery 1.3.2

Debido a la incapacidad de jQuery para trabajar con clases, no puede haber dos instancias de SexyLightbox trabajando en la misma página (como puedes hacerlo con MooTools). Además el efecto de movimiento en jQuery está tremendamente exagerado.

Por si alguien desea el PSD para crear nuevos skins, puede descargarlo desde la página de Google Code

Actualización: Ya dejó de ser una Beta, oficialmente es SexyLightbox 2.2.

Nop, no es una broma

Acabo de terminar la beta pero todavía está muy verde como para publicarla oficialmente. Apenas la estuve probando 10 minutos, por lo que recurro a ustedes para que la testeen en ambientes reales.

Y cuando digo ‘verde’ me refiero a completamente funcional, con todas las características de SexyLightbox 2.1 + varios bugs corregidos, pero sin características nuevas.

La versión en MooTools sale tan pronto tenga lista la de jQuery.

Instalación

La instalación es como toda la vida:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="sexylightbox.v2.2.jquery.js"></script>
<link rel="stylesheet" href="sexylightbox.css" type="text/css" media="all" />

<script type="text/javascript">
  $(document).ready(function(){
    SexyLightbox.initialize();
  });
</script>

<a href="images/puente_mujer.jpg" rel="sexylightbox" title="Puente de la Mujer - Buenos Aires" >

Atención: Esta es una beta no es la versión oficial, por lo que las opciones no se pueden cambiar desde ‘fuera’ del script así que si necesitas usar, por ejemplo, la propiedad ‘imagesdir’ te metes al script y lo editas desde ahí. Tampoco contiene eventos.

Download

Pueden descargarla desde aquí.

jQuery we hate you

Les juro que codear en un framework así me saca de quicio. Todavía no me acostumbro.