Código, Web y Blogs

jueves, 6 de septiembre de 2018

Seguir un blog de forma anónima en Blogger

En algún par de comentarios he visto como me preguntan si es posible que un blog de Blogger se pueda seguir de forma anónima y la verdad es que si es posible y no es para nada complicado.


1. Para deberás ingresar a tu cuenta de blogger común y corriente o cuenta de Google.

2. Luego iremos al siguiente enlace (Da click aquí para ir) y veremos un listado de los blogs que seguimos algo así:
Da click para ampliar

3. Como verás tendrás todo el listado de blogs que sigas allí simplemente busca el que empezaste a seguir da click en "Cambiar por anónimamente" y al dar click deberá actualizarse a "Cambiar por públicamente" lo que significa que la tarea ya está hecha:

Antes de ser un seguidor anónimo:
Después de convertirte en seguidor anónimo:



4. Y listo no se  hace nada más, fácil y sencillo.

Es muy fácil y no hace falta hacer otro tipo de cosas para lograr esta hazaña, recuerda que si presentas problemas con algunos de tus blogs o tu cuenta de Blogger disponemos de un Foro Oficial de Blogger en donde podremos ayudarte si vemos una solución a tu problema ;).

Es todo hasta la próxima,

domingo, 26 de agosto de 2018

Colocar libro de visitas en tu blog de Blogger 2018

Semanas atrás recibí en el Foro Oficial de Blogger un caso de un usuario con la intención de querer colocar en su blog un libro de visitas, algo donde sus lectores llegaran y dejaran su saludo de forma pública o anónima, y debo decir que no conocía con precisión una buena herramienta, hasta que el mismo usuario buscó y buscó hasta probar una buena la cual vi y hoy deseo traer a ustedes😉.

¿Qué es un libro de visitas?

Dicho está en la sola pregunta, pero básicamente es un lugar en tu blog donde un usuario/lector puede llegar y dejar un mensaje de saludo o lo que guste y punto esa es la definición más simple que tengo aquí.

Puedes ver un demo del libro de visitas implementado en la página de un blog queda bastante bien:

http://www.calcorreiros.com/p/a-taberna.html
 
El tutorial...

1. Lo primero será registrarnos en la página web de Bravenet (Plataforma que nos dará la herramienta de libro de visitas o guestBook) para ello ve por este enlace da click aquí.

2. En algunos casos es necesario que confirmes la dirección de correo electrónica que usaste para ello ve a tu mail y checa el código que te llegó y escríbelo:


3. Una vez confirmado lo siguiente será asignar el nombre de nuestro libro de visitas que puede el nombre de nuestro blog, alguna descripción y luego la URL de nuestro blog:


4. Luego, de haber dado en "Save & Continue " tendremos el panel general de configuración de nuestro libro de visitas, si queremos agregarlo directamente en nuestro blog daremos en donde está encerrado en azul "View code & URL":



Nos abrirá una ventana con un código JavaScript el cual debemos copiar dicho código debe ser muy similar al siguiente:
 <!-- Bravenet Embedded Service Code -->
<script src="http://apps.bravenet.com/go.js?service=guestbook;id=1;usernum=20115161" type="text/javascript" charset="utf-8"></script>
5. Ahora pegaremos el código en nuestro blog pero para hacerlo elegante lo pegaremos en una página nueva iremos a blogger > Páginas > Página nueva allí seleccionamos pestaña de HTML y pegaremos el código que copiamos de neustro libro de visitas:


6. Hecho eso lo último que nos queda es guardar nuestra página e ir a ver a la página publicada. 


Información extra para curiosos...

Cabe decir que si se mira más las herramientas que nos da la plataforma podemos modificar el tamaño, colores, letras y demás parámetros de estilo de nuestro libro de visitas.

Además puedes configurar parámetros de seguridad quien puede o no dejar su mensaje, si los mensajes pueden incluir HTML o no y más, es cuestión de trabajar recordemos que está en inglés pero es fácil.

Si tienes alguna duda no olvides comentar,

Hasta la próxima,
 

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 ;)

ESTAMOS EN: