Código, Web y Blogs

lunes, 6 de agosto de 2018

Adsense cuenta inhabilitada por tráfico inválido ¿Qué hacer?

Es muy común que muchas cuentas de Adsense sean inhabilitadas por tráfico inválido, y muchos usuarios caen en la desesperación al no saber que hacer y saber que con alta probabilidad su cuenta de Adsense monetizada fue cerrada de forma permanente. Así que hoy en este post mostraré que podemos hacer para poder recuperar nuestra cuenta, claro con algunos requisitos para poder lograrlo.


¿Qué es el tráfico inválido? 

Explicado de forma fácil, pero si quieres detalles y definiciones más técnicas y específicas pásate por aquí, ahora sí, el tráfico inválido en anuncios de adsense se trata de todos aquellos clics en tus anuncios que su procedencia son sospechosa o anormal al comportamiento habitual que se presenta en el mes, por ejemplo dar click en tus propios anuncios o pedirle el favor a un amigo que te haga algunos click por una semana, fácil y sencillo, eso es. 


Ya no hay forma de recuperar tu cuenta si...

Lo mejor es ser directo y es que cada uno de nosotros sabe lo que hace por mi parte confieso que cuando tenía eso de 16, 17 años e hice mi primer cuenta de adsense esa me la cerraron por tráfico no válido y aprendí la lección aunque impugné la decisión del cierre, algo que debes aprender es que no puedes engañar a Google Adsense, con esto voy a que si sabes que el tráfico inválido en tu cuenta es debidamente justificado y sabes que pasó por algo de lo que tienes conocimiento mejor ni intentes este tutorial pues créeme que no recuperarás la cuenta sí hiciste algo mal para obtener unos dólares de más acepta el castigo y resignate.

¿Cómo recuperar mi cuenta inhabilitada si tengo pruebas?

Ahora bien, otro paralelo es que tu sitio web o blog puede recibir tráfico inválido de otros países, cuestiones de SPAM un ataque o alguien que te quiera perjudicar, Adsense es consciente de estos hechos y es por ello que permite que podamos hacer una petición para que analicen nuestros argumentos pruebas y hagan una revisión a la cuenta con más calma sometamos un ejemplo:

- Tienes un blog en español recibes 350 mil visitas mensuales controlar tu blog con Analytics y miras que en los últimos dos meses hay sospechosos visitantes desde Rusia o China, eventualmente ves que los ingresos del blog se elevan un poco más de lo normal y analizas las estadísticas de adsense te das cuenta al ver que coincide con las de tráfico, y recibes de un día para otro la inhabilitación de la cuenta, con alta probabilidad de que esa sea la causa, ¿Es tu culpa? No lo es, tú no manejas ese tráfico aunque si estuviste al tanto por no actuar a tiempo te pasó el cierre de cuenta, entonces en este casi si puedes apelar a hacer algo.

1. Sabido todo lo anterior si consideras que con tu cuenta se ha tratado de un error empieza por el siguiente formulario de recurso (Click para ir).

2. Llena con información verídica el formulario, según tu caso irás a otro formulario diferente en donde deberás poner todo a detalle.

3. Una vez enviaste el formulario sólo debes esperar a recibir una respuesta frente al caso puede tomar un par de días como 2 o 3 semanas en dicha respuesta obtendrás el final de todo y verás si tu cuenta tiene vida o no.

Realmente es muy fácil lo que se debe hacer y no requiere procesos complejos, así que espero que este simple tutorial te sea de mucha ayuda.

Nos vemos en la próxima ;)

viernes, 20 de julio de 2018

Sidebar desplegable acordeón en Blogger con jQuery

La barra lateral de Blogger suele a veces tener demasiado contenido con un poco de jQuery podemos hacer que estos elementos se "oculten" bajo un efecto acordeón para así de esta forma ganar algo de espacio, veamos un breve demo en este GIF:


1. Para implementarlo en nuestro blog iremos a tema > Editar HTML:



2. Una vez allí presionamos "Ctrl+ F" y buscaremos el siguiente código </head>.

3. Justo debajo pegaremos lo siguiente (Lo que está resaltado en naranja es la librería de jQuery si ya la tienes instalada en tu plantilla no copies esa parte):


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript">
//<![CDATA[
$(function() {
    $('.sidebar .widget-content').hide();   
    $('.sidebar h2:first').addClass('active').next().slideDown('slow');
    $('.sidebar h2').click(function() {
        if($(this).next().is(':hidden')) {           
            $('.sidebar h2').removeClass('active').next().slideUp('slow');     
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});
//]]>
</script>

4. Guarda los cambios y observa como ronda todo en la barra lateral de tu blog.

jueves, 19 de julio de 2018

Hacer GIF de captura de pantalla - GIFCAM portable 2018

Algunos usuarios me han preguntado como hago GIF de una captura de pantalla por ejemplo cuando deseo mostrar como se hace un paso en especifico, hago uso de GifCam un programa simple y fácil de usar que me proporciona hacer esto sin marcas de agua, ejemplo:



Puedes descargar el programa (Dando click por aquí) una vez descargado su uso es bastante elemental pero aquí una breve mini explicación.

¿Cómo usarlo?

1. Descarga el programa luego abre el archivo .zip y ejecuta GifCam.exe

 
2.  Tendrás un recuadrom, ahora en la parte de Rec da click en la flechita y configura los parámetros dejando "Capture Cursor" y seleccionando "33FPS":



3. Una vez configurado acomoda la grabación según el tamaño de pixeles que quieras usar y empieza en REC finalmente para todo y luego guarda el archivo dando en "save" escoge donde lo vas a guardar y estuvo:


Es todo en este breve pero útil muy útil post. 

 
 

jueves, 14 de junio de 2018

Soracart Plantilla tienda online para Blogger 2018

En el Foro de Ayuda Blogger, suelen llegar muchas dudas de personas con el uso de plantillas en Blogger con la función de tienda on line en si es posible o no, y es que si bien la especialidad de Blogger no es el comercio electrónico se puede incorporar medianamente una plantilla para este tipo de funciones aunque puedan ser algo limitadas.


DEMO      ||      DESCARGAR 


Cualquier duda puedes comentar, próximamente algunos tutoriales breves explicando la instalación de este plantilla (Por ahora puedes encontrar un tutorial completo pero en inglés).

Es todo, hasta la próxima.

lunes, 11 de junio de 2018

Botones sociales elegantes compartir entradas para Blogger 2018

Tener botones en nuestro blog para que los lectores puedan compartir el contenido que ven es importante, es por ello que hoy comparto unos elegantes botones que irán incorporados al final de cada entrada de nuestro blog. Podrás verlos funcionar en el siguiente GIF o al final de esta entrada ya que los tengo implementados en el blog:
Tutorial paso paso:

1. Lo primero será agregar el llamado por URL para usar íconos, para ello iremos a Tema > Editar HTML y buscamos la etiqueta </head>.

2. Ahora arriba de la etiqueta anterior pegaremos el siguiente código:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' media='all' rel='stylesheet' type='text/css'/>

3. Vamos a agregar los estilos CSS, ahora buscamos en nuestra plantilla el código siguiente "]]></b:skin>" y justo encima pegaremos todo esto:
.post-footer{
 margin-top:30px;
}
.share-post, .multiauthor-box {
 margin-bottom:50px;
}
.share-post ul {
 padding:0;
 margin:0;
 text-align:center;
}
.share-post li{
 list-style:none;
 display:inline-block;
 margin-right:10px;
 padding:0;
 font-weight:700;
 text-transform:uppercase
}
.share-post li:first-child {
 font-size:16px;
 color:#22a1c4;
}
.share-post li a{
 display:block;
 text-align:center;
}
.share-post span{
 display:none;
}
.share-post li a i{
 display:block;
 color:#fff;
 width:40px;
 height:40px;
 line-height:40px;
 font-size:18px;
 border-radius:40px;
 font-weight:normal;
 transition:all .3s;
}
.share-post{
 width: 90%;
  margin: 0 auto;
 border-top:1px solid #eff0f0;
 border-bottom:1px solid #eff0f0;
 line-height:52px;
 min-height:52px;

}
.share-post li a i.fa.fa-facebook{
 background:#3b5998;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-twitter{
 background:#19bfe5;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-google-plus{
 background:#d64136;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-linkedin{
 background:#006699;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-pinterest{
 background:#cb2027;
 border:1px solid transparent;
}
.share-post li a i.fa.fa-facebook:hover{
 background:#fff;
 color:#3b5998;
 border:1px solid #4666aa;
}
.share-post li a i.fa.fa-twitter:hover{
 background:#fff;
 color:#19bfe5;
 border:1px solid #2acef4;
}
.share-post li a i.fa.fa-google-plus:hover{
 background:#fff;color:#d64136;
 border:1px solid #e95247;
}
.share-post li a i.fa.fa-linkedin:hover{
 background:#fff;
 color:#006699;
 border:1px solid #017ab6;
}
.share-post li a i.fa.fa-pinterest:hover{
 background:#fff;
 color:#cb2027;
 border:1px solid #e33239;
}

4.Ahora buscamos la siguiente línea de código  <div class='post-footer'> puede que te salga dos o tres veces prueba en cada una hasta que salga, pega debajo de ella el siguiente código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-post'>
<ul class='entry-share-list clearfix'>
 <li>Compartir en: </li>
 <li class='facebook_share'>
 <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-facebook'/> </a> </li>
<li class='twitter_share'>
<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-twitter'/></a> </li>
 <li class='google_share'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a> </li>
<li class='linkedin_share'>
 <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'>
<i class='fa fa-linkedin'/></a> </li>
<li><a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'>
<i class='fa fa-pinterest'/></a>
</li>
</ul>
</div>

</b:if>   

5. Finalmente guarda los cambios y observa en tus entradas como se ve, en principio no hay nada más que modificar. 

Pero si te queda alguna duda no olvides comentar sin problema alguno, hasta la próxima ;)

domingo, 3 de junio de 2018

Ver los suscriptores por correo FeedBurner blog Blogger

Esto será de esos posts que podría serle útil a pocas personas pero que de una u otra manera se debe escribir para hacer un deber con la red y compartir información, el objetivo de hoy es saber ¿Quiénes son los suscriptores o lectores por feedburner de nuestro blog?, esto es tarea fácil y sólo hace falta unos pocos clicks, veamos.

1. Iremos a Feed Burner de Google da click por aquí para ir, y luego seleccionamos el feed que ya tenemos creado para nuestro blog:





2. Ahora vamos a la pestaña "Publicize" y luego "Email Subscriptions":


3. Un poco más abajo en esa misma opción encontraremos la parte "View subscriber details":


Y al desplegar dicha opción encontraremos la lista completo de nuestros suscriptores del blog donde se podrá ver la fecha de suscripción de cada uno, los que están activos y los no verificados además de ello puedes eliminar aquellos que consideres.

Es todo en este cortísimo post,

;)
 

Poner Ticker o marquesina diseñada para mostrar últimos post de forma automática en Blogger

Tomado gentilmente de CiudadBlogger
Hoy pasándome por un blog amigo me topé con un post bastante interesante y aunque es muy sencillo es un truco muy útil para aquellos que escriben mucho en sus blogs.
 
Se trata de un Ticker o marquesina diseñada especialmente para mostrar las últimas publicaciones en el blog que se víncule desde el código, pero explicando de mejor forma este Ticker su función es rotar las publicaciones por el mismo espacio que se le da; mostrare un ejemplo de este truco:

http://bloggin-prueba.blogspot.com/

Si ven el Ticker es muy elegante y preciso para un sitio que muestra las últimas noticias, para añadirlo iremos a Diseño>añadir un Gadget>HTML/JavaScript y pegar el siguiente código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js" type="text/javascript"></script> <!--script1-->
<style>
#headlines {
overflow:hidden;
position:relative;
line-height:25px;
background:#34495e; /* Color de fondo */
height:45px;
padding:0 0 0 135px;
}
#headlines h3 {
color:#fff;
font-family:Oswald, sans-serif;
font-size:17px;
font-weight:400;
text-transform:uppercase;
margin-left:-115px;
margin-top:10px;
position:absolute;
}
#headlines .right_arrow {
padding:0 38px 0 110px;
display:block;
background:url(//lh6.googleusercontent.com/--o4encAx1Tc/VApRPFfbQFI/AAAAAAAALd4/kf0T7CNSvY0/s41/arrow.png) no-repeat right center;
height:46px;
line-height:46px;
position:absolute;
left:0;
top:0;
}
#ticker_post {
position:relative;
margin:0;
margin-left:20px;
height:50px;
width:auto;
}
.marquee {
width: 980px; /* Ancho del área donde se muestran las entradas */
overflow: hidden;
line-height: 45px;
}
.js-marquee a {
font-family:Oswald, sans-serif;
font-size:15px; /* Tamaño de los textos */
color: #FFF; /* Color de los textos */
padding-bottom: 20px;
text-decoration: none;
}
.ticker_separator {
color:#FFF; color: #FFF; /* Color del separador de las entradas */
margin:0 10px;
}
</style>
<div id='headlines'>
<h3>Lo Último</h3>
<div class='right_arrow'></div>
<script>
var blog_url = "http://nombre-de-mi-blog.blogspot.com";
var numero_post = 10; // Número de entradas a mostrar
</script>
<script type="text/javascript" src="http://yourjavascript.com/946415552/ticker.js"></script></div> <!--script2-->
<div style='clear:both;'></div>
<script>
$(window).load(function() {
$('.marquee').marquee({
direction: 'left', // Dirección de la marquesina, usar left o right
duration: 25000, // Velocidad
pauseOnHover: true,
duplicated: true
});
});
</script>
Ahora queda editar lo que está en color naranja por el link de nuestro blog y guardar el color verde se resalta el comentario que da la indicación de lo que altera en el Ticker fácil, sobre la ubicación del ticker se recomienda en un lugar al pie de la cabecera y que ocupe un buen ancho para que se muestre perfectamente.

En color azul, tenemos el script que controla todo este truco de la marquesina, te recomendamos que lo descargues y lo cargues luego en tu propio servidor, nube o que lo alojes localmente en la plantilla de tu blog para descargarlo:

-script1      -script2

Es todo en este post muy sencillo.

Hasta la próxima BloggeRs,

ESTAMOS EN: