Código Anti Adblock: Volver invisible el contenido de una entrada del blog

Código Anti Adblock: 

Volver invisible  el contenido

de una  entrada del blog

En las anteriores entradas (enlace 1 y enlace 2) os conté como mostrar un mensaje al visitante de nuestro blog para que desactivara Adblock y ocultar un enlace de descarga. Ahora pasamos al 3º grado: Vamos a hacer que el contenido de la entrada de un blog no se muestre si esta activado adblock.

Los pasos son muy similares al explicado al enlace 2, pero os lo explico con detalle:

1)  Ponemos nuestra entrada en modo editor html (pulsando el botón html):

2) Al principo de la entrada o donde estimemos oportuno, pondremos el código:

<div id="ad_banner">

3) Al final de la entrada o donde estimemos oportuno, ponemos el código:

</div><br><b>Nota:</b><br>Si no ve completo este articulo es que tienes adblock activado. Por favor desactive adblock para este blog. Gracias<br>

Este código mostrará un mensaje donde explicamos que si el artículo no se ve, es porque tiene activado adblock, y le pedimos al usuario que lo desactive.

Nota:

Hay que tener encuenta los posibles anidamientos de <div> que haya en el documento, para que nuestro cierre de div, coincida con el inicio del div id="ad_banner".

Lo más simple es ponerlo al principio y final del documento, dejando que solo se vea el título del post.

4) Guardamos los cambios, y publicamos la  entrada.

5) Al ver la entrada:
Si el usuario tiene adblock activado en nuestro blog, no verá la parte que este entre el código 1 y 2. 

De esta manera podemos mostrar parte de la entrada blog y otra parte (la más interesante) ocultarla para que el visitante se anime a activar Adblock.

Os dejo un video para que veas el resultado de lo explicado:


Espero que os sea útil, y que vuestras impresiones de anuncio aumenten.

Saludos

Jsbsan

Nota:
Las pruebas las estoy haciendo en blogspot, pero vale para cualquier tipo de alojamiento web.