Código, Web y SEO

lunes, 19 de junio de 2017

Poner Slider horizontal entradas recientes tipo carrusel en Blogger

Muchos visitantes del blog me han solicitado que comparta el slider que tengo actualmente en el blog, y por si acaso en futuro lo llego a quitar dejo una imagen del slider:


¡Listo! Básicamente el Slider como se ve, es Horizontal separado por 4 bloques para mostrar las entradas más recientes, cada cierto tiempo irá avanzando mostrando todo el contenido fresco de tu blog poco a poco, en lo personal es un slider bastante dinámico y útil ya que no requeire mucho es pacio se ve muy bien y su implementación es bastante fácil. ¡El demo lo puedes ver justamente en este blog más arriba!.

¡Colocándolo en tu blog!

1. Lo primero será establecer donde pondremos el slider claramente lo más ideal es ubicarlo arriba de todas las entradas y la sidebar ya que su ancho es superior que el de muchos blog sen blogger (Claro todo depende de la plantilla que tengas).

2. Ahora vamos a Plantilla o tema > Editar HTML > Búscamos el siguiente código ]]> </ b: skin> y justo encima pegamos el siguiente CSS:
#carousel{
margin:auto;
width:898px; /*--Ancho completo del carrusel--*/
height:200px;/*--Alto completo del carrusel--*/
border:1px solid #fff;
position:relative;
display:block;
background:#FFFFFF; /*--Color del fondo del carrusel--*/
}
#carousel .container{
position:absolute;
left:25px;
width:815px;/*--Ancho del carrusel Interior--*/
height:200px;/*--Alto del carrusel Interior--*/
overflow:hidden
}
#carousel #previous_button{
position:absolute;
width:25px;height:200px;background:url(http://3.bp.blogspot.com/-SFH7pfuPOg4/UAVZimY-OuI/AAAAAAAAHqE/MOKZ4nE0EFM/s1600/prev.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position:absolute;right:0;width:25px;height:200px;background:url(http://4.bp.blogspot.com/-pFR58sZNzCo/UAVZh9I72lI/AAAAAAAAHp8/JTIiHJfsqHA/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel #previous_button:hover,#carousel ul li:hover{filter:alpha(opacity=80);opacity:.8}
#carousel ul{width:100000px;position:relative;margin-top:10px;}
#carousel ul li{background:#fff ;display:inline;float:left;text-align:center;font-weight:600;line-height:1.1em;width:183px;height:165px;margin:0 1px 10px 12px; padding:6px}
#carousel ul li a.slider_title{color:#242424;display:block;margin-top:-6px;}/*--color texto--*/
#carousel ul li a.slider_title:hover{color:#9B0606;}/*--color texto al pasar cursor--*/

3. Ahora pegaremos justo arriba de </head> el siguiente script que será vital para su correcto funcionamiento:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'> //<![CDATA[
(function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var running=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var div=$(this),ul=$("ul:first",div),tLi=$(".car",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var li=$(".car",ul),itemLength=li.size(),curr=o.start;div.css("visibility","visible");li.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({padding:"0",position:"relative","list-style-type":"none","z-index":"1"});div.css({overflow:"hidden","z-index":"2"});var liSize=o.vertical?height(li):width(li);var ulSize=liSize*itemLength;var divSize=liSize*v;li.css({width:li.width()});ul.css(sizeCss,ulSize+"px").css(animCss,-(curr*liSize));div.css(sizeCss,divSize+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,val){$(val).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&div.mousewheel)div.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return li.slice(curr).slice(0,v)};function go(to){if(!running){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(to<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*liSize)+"px");curr=to==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(to>=itemLength-v+1){ul.css(animCss,-((v)*liSize)+"px");curr=to==itemLength-v+1?v+1:v+o.scroll}else curr=to}else{if(to<0||to>itemLength-v)return;else curr=to}running=true;ul.animate(animCss=="left"?{left:-(curr*liSize)}:{top:-(curr*liSize)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());running=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(el,prop){return parseInt($.css(el[0],prop))||0};function width(el){return el[0].offsetWidth+css(el,'marginLeft')+css(el,'marginRight')};function height(el){return el[0].offsetHeight+css(el,'marginTop')+css(el,'marginBottom')}})(jQuery); //]]></script>

<script type='text/javascript'> //<![CDATA[
imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=140;summaryTitle=25;numposts1=15;function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="183" height="120" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';document.write(trtd);j++}document.write('</ul>')} //]]></script>

4. Finalmente el código que tendrá la estructura HTML de nuestro Slider carrusel horizontal una idea sería buscar en la plantilla de tu blog el siguiente código <div id='main-wrapper'> y justo encima pegar esto:
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$(&quot;#carousel .container&quot;).jCarouselLite({
auto:4000,
scroll: 1,
speed: 800,
visible: 4,
start: 0,
circular: true,
btnPrev: &quot;#previous_button&quot;,
btnNext: &quot;#next_button&quot;
});
})})(jQuery)
</script>

5. Guarda cambios y observa la magia.
    

- Lo que tenemos en color azul, son los comentarios de los parámetros CSS para retocar el slider cada uno es claro.

- En color rojo tenemos el script de Jquery, si ya estás usando Jquery en tu blog recuerda eliminar esta línea por otra parte recuerda que peudes sustituir por la versión más actual para ello puedes guiarte por este post.  

No es más por este post recuerda que si surge la duda puedes comentar, hasta la próxima ;) 

domingo, 4 de junio de 2017

¿Quién es chuiso.com? por qué su fama en internet SEO [+18]

Este será un artículo algo curioso, hace ya algunos años que sigo el blog de Chuiso  un crack (porque no se puede negar eso es) en el mundo del SEO ya sea white hat o Black hat, lo que si es cierto es que el hombre lo domina muy bien y bueno hoy en este post, luego de rondar por muchos sitios de temas relacionados me di cuenta que algunos le apoyan, otros le odian y varios lo desconocen así que trataré de abarcar cada punto diciéndo por qué este hombre es tan mencionado en tantos sitios.

Chuiso logo

Así que empecemos por conocerlo:


¿Quién es Chuiso y qué hace?

Muy bien toda esta info no hace falta investigar ¡a lo que marque! por internet, sólo basta con pasarse por su blog y ojear inclusive su canal, pero ¿A poco crees que es un gordo ñoño que no se para de su pc nunca? ¡Vamos que no es así! es un tipo del común padre y esposo o novio ¡No sé! así lo dice él en algunos comentarios proveniente de España, vive actualmente en República Dominicana y al parecer amante de sus músculos, puedes verlo (Siii verle su cara) en este vídeo de su canal:
 

Su especialidad o respondiendo ¿Qué hace Chuiso en internet? pues como lo indica el título al SEO tanto White Hat o el Black Hat, siendo este último su favorito y especialidad, durante varios años ha creado distintos proyectos para monetizar sitios micro nichos, blogs de alguna temática casi siempre de forma temporal sacándoles el mayor partido monetario $$$$$ a esos proyectos y la mayoría de veces lucrando como los dioses del olimpo.


¿Qué es chuiso.com?

DATO: El theme de WordPress de chuiso es FuuTheme puedes buscartelo ;)

Chuiso es el apodo obviamente de este personaje quien a su vez su blog creo chuiso.com, el nombre "CHUISO" lo obtuvo según explica de buscar en dominios expirados de alta Autoridad y PR(Page Rank) y bueno <<encontró aquel dominio le gustó y lo compró>> así lo expresa en este vídeo donde explica los "oscuros orígenes de su blog":
 


En su blog comparte bastante contenido, sobre Black Hat, Monetización, Redes sociales, uno que otro revisado de alguna herramienta SEO y más.


Amado u odiado más nunca olvidado

¡Lo sé la frase de arriba suena épica! jaja, pero creo que esto podría aplicar aquí si bien como todo aquello que se vuelve muy conocido en un campo cualquiera tendrá gente que apoya y gente en contra y por supuesto los que le vale madres lo que pase.

Curso gratis SEO chuiso como un pro
Gente a favor de Chuiso

Chuiso actualmente tiene miles de seguidores en distintos medios suscriptores en su blog, en su canal de YouTube, redes sociales y gente que le aprende en su curso VIP que mencionaré más abajo.


¿Por qué es tan famoso en el mundo del SEO?

Fuera de su blog y más allá de su contenido, son varias cosas las que hacen que este hombre sea un peso pesado en el mundo del SEO analicemos las más unidas:

- Su forma de hablar y escribir, sí, su blog no es un sitio cualquiera y no porque su plantilla sea especial, sino porque el contenido que escribe  o los vídeos que hace (Uno que otro) te atrapan, su labia y texto es directa si quiere ensamblar una grosería lo hace sin problema su contenido escrito es [+18] jajaja, como si estuvieras hablando con él en persona.

- Es directo y explica lo que dice el título, no es algo fundamental pero es algo que he notado cada artículo que escribe va a lo que va y de vez en cuando se tira una anécdota corta relacionada con el tema que al final terminan gustando a todos sus lectores.

- No se pone con secretos, este tipo le encanta demostrar lo que dice es por ello que muchas veces muestra capturas o vídeos de lo que ha logrado o como lo ha hecho dando credibidilidad y facilidad de aprendizaje a quién lo lea.


Su contenido es de alta calidad

Una razón más para ser tan leído son los post que escribe, bien redactados con alto contenido visual y una vista agradable desde su sitio.

Como podemos observar en la imagen de la izquierda la fecha de publicación de sus artículos y la cantidad de comentarios que tienen da fiel seguimiento de que es contenido puro y 100% original o bueno eso dice él jeje.







Su plataforma de pago cursos Black Hat SEO Team Platino


Chuiso Tam Platino descargar curso
Sí, ya muchos sabrán que este personaje junto con otros aliados se la andan liando con una Plataforma de cursos muy bueno de por cierto, y una de las razones más fuertes para tener tanta fama "Team Platino" es el nombre que lleva este curso buque del SEO.

Supongo que por este curso han pasado algunos cientos de estudiantes, y según reviews en algunas webs es bastante bueno, por mi parte no lo he realizado, pero, considero que se merece una oportunidad. Claro también esta plataforma es una fuente ingresos bastante viable para Don Chuiso.


Sus artículos más destacados y leídos

La verdad es que hay muchos por no decir que todos, pero entre los más relevantes tenemos todos los que tienen que ver con Nichos.


Son muy visitados además de un tema bastante interesante, por otra parte sus artículos más visitados a fecha de hoy:

1. Mitos absurdos – ¡Oh no, sesiones cortas y alto rebote!
2. Cómo invertir tus ahorros online si eres un noob (como yo)
3. Experimentar y diversificar tus ganancias es la clave
4. Tracking de keywords gratuito de forma masiva


Un blog simple y funcional que atrapa y atrae

Echando un ojo a su blog, también cuenta ya que como se sabe un sitio web ordenado de fácil navegación atrapa a más público y lectores, podemos ver una tonalidad muy llamativa con el amarillo vaya color:


como hacer black hat SEO

Un menú muy simple y sin complicaciones basado con un esquema de dibujos usando el aplicativo para hacerlos llamado "Bitstrips", también una sidebar simple justo con lo que el lector necesita para ver y acceder fácilmente.


El retoque final o la conclusión

El blog de Chuiso ha sido un sitio que creció rápidamente, a la par salió mucho usuario a su favor y muchas personas con el síntoma de la envidia, después de todo en internet nadie es amo y señor de nada y así lo demuestra este personaje haciendo todo lo hace, su contenido tan variado y tan único hace que cada día que pase gane más y más (Dólarucos) jaja y también más lectores, en lo personal hasta ahora el mejor blog sobre SEO, posicionamiento y Monetización que recomiendo seguir al igual que otros blogs que estaré mencionando a futuro ya que no es el único que ofrece este tipo de contenido.

¿Y tú qué opinas sobre Chuiso? 





miércoles, 31 de mayo de 2017

Cómo verificar tu página de Facebook con Insignia chulo Gris 2017

I➨ Para obtener la palomita, chulito o insignia gris de Facebook (No es la misma palomita azul) debemos tener en cuenta algunos parámetros o requisitos por así decirlo que cumplir, pero antes de pasar al tutorial, de breve forma explicaré que la insignia gris en su mayoría es para empresas es decir, sitios reales tal y como lo explica Facebook en su guía oficial.


Verificar pagina FB insignia azul y gris


Para verificar con insignia tu página haremos lo siguiente:

Para ejemplo de este post usaré la Página del Blog de Electrónica SkullTrap Electronics que por cierto ¡Contenido de calidad si eres amante de los circuitos y demás!

1. Ir a configuración de nuestra Página en la parte superior derecha.

2. En la sección General, daremos click en verificación de página:

Como verifico mi pagina de Facebook con insignia
  

3. Damos en verificar esta página, luego desplegará una ventana donde pondremos el número de móvil de nuestra empresa o negocio de así serlo sino puede ser el tuyo no hay lío:

como puedo verificar mi pagina de FB con insignia

4. Una vez ingresado el móvil damos en Llamarme ahora nos darán un código de 4 dígitos la mayoría de veces, lo pondremos y como resultado final nos dará un mensaje de Felicitaciones:

Descargar chulito azul Facebook

 Y listo ¡Observa la magia

SkullTrap Electronics Ibagué


Muy bien con lo anterior hemos terminado, veamos algunas de las ventajas que tiene verificar poner la insignia el famoso chulito a nuestra página:

- La primera y más relevante es la misma que facebook anuncia nos dará privilegios en búsquedas.
Como veirfico mi cuenta de Facebook

- La segunda es el toque de exclusividad que tendremos y protección ante el plagio, claro algunos dirán, pero si copian mi fanPage la verifican igual y listo, relamente no aquí Facebook toma en cuenta ¿Quién se verificó primero? por supuesto la ventaja es nuestra recuerda que nadie está a salvo del plagio.

- La tercera es la seriedad que tendremos frente al público que nos busque y bueno un poco de Status al asunto.

Cooonsidero que no hay más que decir realmente algo muy básico de hacer, hasta la próxima,

martes, 30 de mayo de 2017

Poner el buscador de Google en tu blog de Blogger - Personalizado

Este truco está en este blog en la sidebar pruébalo, úsalo y luego comenta
¡Un post más! Hoy aprenderás brevemente como incoporar de la forma correcta la caja de búsqueda personalizada de Don Google en nuestro blog de Blogger, dicho buscador indexará las búsquedas de tus lectores basado en el contenido de tu blog, es decir, Google lo hace todo en tu sitio tú solo crearás el buscador y el hará lo demás, realmente recomendado sobre cualquier otro tipo de buscador interno. Veamos.

 ¡El tutorial!

1. Lo primero será ir al motor de búsqueda de Google (Click para ir).

2. Damos sobre "Crear un motor de búsqueda personalizado" :

3. En la sección "Sitios en los que buscar" pegamos la dirección de nuestro blog:

4. En idioma por supuesto español y nombre del motor de búsqueda el que desees:

5. Y pulsamos sobre crear y luego sobre Obtener código:


6. El código deberá ser muy similar a este:
<script>
  (function() {
    var cx = '017380876355850256128:mxvngcxv2ba';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

8. Ahora vamos a colocarlo en nuestro blog de Blogger, iremos a Diseño > Añadir Gadget > HTML/JavaScript allí pegamos el código generado y guardamos:


Listo guardamos y observamos ¡El poder de Google en nuestro blog! pero reflexionemos un poco más sobre este truco tan potente.

SECCIÓN PARA CRACKS


¡Lo verdaderamente útil de este buscador!

Muy bien el post para muchos pudo terminar en el punto 8 de este post, pero vamos a ver como vieron en el panel para crear el buscador tenemos mútiples (muchas) opciones para variar y mejor aún personalizar nuestro buscador.


¡Podemos modificar la apariencia!

Así es tenemos el siguiente panel que nos muestra, 4 apartados, Diseño, Temas, personalizar y miniaturas:



¡Podemos cambiar la forma de mostrar los resultados en el blog!

Así es fácilmente justo debajo de lo que sería la anterior imagen tenemos la posibilidad de seleccionar la forma de msotrar los resultados de búsqueda del lector con tan unsólo un click ¡Vamos nada de código!


¡Obtener ingresos con Adsense en el buscador!

Increíble para muchos pero sí, claro no ganarás miles de miles pues!, pero poder mostrar tus anuncios de Adsense allí nunca está demás:



En conclusión tenemos un buscador bastante potente en su clase, de momento no le encuentro ningún tipo de desventaja así por encima, considero que es más lo que le da a nuestro blog que lo que le quita, puedes jugar un poco con sus parámetros y ajustarlo como desees desde el panel de configuración.

Es todo en este post. Hasta la próxima,

 

lunes, 29 de mayo de 2017

Colocar iframe responsive-adaptable en una entrada o blog Blogger

¡Un tutorial más! Vamos seguro este truco te va encantar, seguro conoces lo que es un Iframe nada del otro mundo, pero, ¿Alguna vez usaste uno adapatativo o responsivo? ¡Cosa de locos! pues este iframe muy normal con algunas líneas de código más dará el poder para ser responsivo.


Iframe adaptable en blogger 2017

Veamos una fiel prueba del que el título del post indica:



Mueve el tamaño de la ventana del navegador para que notes el efecto adaptativo

¿Cómo ponerlo en tu blog?


1. Lo primero será ir a tema > Editar HTML y buscamos ]]></b:skin> justo encima pega el siguiente código de CSS:
.wrapper {
    position: relative;
    width: 80%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}
.wrapper iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

2. Ahora irás a la entrada o página a publicar y en el HTML pegarás el siguiente código:
<div class="wrapper">
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="URL IFRAME"></iframe>
</div>
¡Listo! Sólo modifica lo que está en color rojo por la URL que deseas visualizar en el iframe y observa la magia en tu blog.


domingo, 28 de mayo de 2017

¿Qué hacer si inhabilitaron tu cuenta de Adsense 2017? - Guía completa

Me he basado en este hilo para hacer este post tan útil
Existen diversas causas y razones para que nuestra cuenta de Adsense sea inhabilitada, pero,la preocupación tuya es ¿Cómo actuar frente a un bloqueo en tu cuenta de Adsense? veamos...


Hay que ser realistas, las posibilidades de readmisión de tu cuenta son muy bajas, pero, vamos sigamos leyendo ;)

¿Sabes por qué bloquearon tu cuenta de Adsense?

Si tu respuesta es ¡No! tenemos una forma de indagarlo, pero, antes revisa tu correo electrónico vinculado a la cuenta dado el caso la papelera de spam también y date una pasada por los correos eliminados puede que por error estén allí ya que siempre el Equipo de Adsense te dice las razones de la inhabilitación; si no encontraste nada entonces vamos al siguiente formulario:
Allí lee la info al respecto marca las opciones que más se ajusten y envíalo muy pronto. Ellos darán respuesta aclarando ¿Por qué motivo? se anuló tu cuenta.

NOTA: En una de las opciones pedirán tu ID de editor, recuerda que la encuentras en los códigos que aún tengas en tu web o blog si ya eliminaste dichos código desde la memoria caché en el buscador podrás visualizar tu sitio y obtenerlos.



¡Sé la razón de mi bloqueo pero quiero apelar la decisión!

No exactamente apelar ya que como leíste al inicio es difícil que Adsense se retracte de sus decisiones, así que si ya tienes o sabes la razón de tu inhabilitación, es decir, ercibiste el mail de la sanción, pero, no te convence mucho las razones dadas podrás usar el siguiente formulario para este proceso podrás solicitar una mejor aclaración de tu problema basado en las reglas y métricas de Google Adsense:
 
 
¡Mi cuenta está inhabilitada por violar las políticas de Adsense!

En este caso tendremos el siguiente formulario de recurso de infracción de políticas, leer detenidamente y llenar todo la información con datos verdaderos:
La respuesta por parte de Adsense puede tardar hasta dos semanas así que sé paciente.



¡Mi cuenta de Adsense fue inhabiltiada actividad no válida!

Si tu cuenta fue inhabilitada por actividad no válida como clicks y demás este formulario podría ayudarte a tratar de resolver el problema recuerda leer todo detenidamente y responder con datos verdaderos:
Recuerda que las respuestas por parte de Adsense puede demorar un poco a veces pero siempre dan respuesta a la petición.  


¡Vaya que este tema es muy amplio! A continuación veremos algunos breves aclaraciones sobre las cuentas suspendidas:

  • Si tienes más dudas sobre cuenta inhabilitada y clics no válidos puedes pasar aquí (Click aquí).  
  • Dudas sobre clics no válidos y que lo determina (Click aquí). 
  • No se permite que un editor cree una nueva cuenta en Google Adsense si ya le fue cancelada una con anterioridad, del mismo modo detectar dos cuentas bajo el mismo editor significa un Baneo de por vida en Adsense.
  • Sí tu cuenta aún no está suspendida pero, sabes que algo podría pasar, date una vista por este artículo donde se muestran las buenas prácticas con Adsense para evitar problemas (Click aquí).
  •  Si ves algún tipo de actividad sospechosa en tu cuenta de Adsense (Click aquí) y llena el formulario para avisar.

 
-  Preguntas frecuentes sobre cuentas inhabilitadas: (Click aquí)
-  Centro de asistencia sobre impresiones y clics inválidos (Click aquí)
-  Políticas del Programa Adsense (Click aquí)
-  Términos y condiciones (Click aquí)

No es más en este POST, por supuesto el contenido se irá actualizando a medida que algo cambie, si tienes dudas no olvides comentar.

Hasta la próxima, ;)



 
 


sábado, 27 de mayo de 2017

Colocar - ver imágenes y vídeos en los comentarios de tu blog en Blogger

¡Tomado gentilmente de Oloblogger!

¡Sorprendido! Admito que no tenía muy claro como lograr este efecto pues durante un tiempo investigué por la red, y pasandome un rato por el blog de Oloman me topé con su artículo que muestra este mismo efecto, a razón de difusión y en español compartiré con ustedes este buen truco para poder visualizar o incrustar imágenes y vídeos en los comentarios de tu blog en Blogger sólo peganlo el enlace, link, URL etc.

Vídeo incrustado en DEMO de Oloblogger
El truco podrás verlo en el siguiente DEMO ofrecido por el autor original:

http://www.oloblogger.com/2017/05/mostrar-imagenes-videos-comentarios-blogger.html


¡El Tutorial!

ACLARACIÓN: El lector sólo tendrá que pegar la URL de la imagen o vídeo para que el script ejecute la conversión y lo visualice.
1. Es muy en el HTML de nuestra plantilla buscaremos la etiqueta </body> y justo arriba de ella pegaremos el siguiente código:
<script>//<![CDATA[
!function(){for(var a=/(\[img\])?((http:|https:)?\/\/\S*?\.(jpg|gif|png|bmp|jpeg]))(\[\/img\])?/gi,b=/(\[vid\])?http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?‌​[\w\?‌​=]*)?(\[\/vid\])?/gi,c=/(\[vid\])?(http:|https:)?\/\/(vimeo.com)\/([0-9]*)(\[\/vid\])?/gi,d=document.querySelectorAll(".comment-content"),e=0;e<d.length;e++){for(var f=d[e].getElementsByTagName("a"),g=0;g<f.length;g++)if(f[g].href.match(a)||f[g].href.match(b)||f[g].href.match(c)){var h=document.createElement("span");h.innerHTML=f[g].href;var i=f[g];i.parentNode.insertBefore(h,i),f[g].href="",f[g].innerHTML=""}var j=d[e].innerHTML;j=j.replace(a,'<img style="max-width: 100%; height: auto;display: blocK;margin: 10px auto;" src="$2"" alt=""/>'),j=j.replace(b,'<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin:20px auto;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="https://www.youtube.com/embed/$2" frameborder="0" allowfullscreen></iframe></div>'),j=j.replace(c,'<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin:20px auto;"><iframe style="position: absolute;width: 100%;height: 100%;top: 0;left: 0;" src="https://player.vimeo.com/video/$4" frameborder="0" allowfullscreen></iframe></div>'),d[e].innerHTML=j}}();
//]]></script>

2. Guardar y listo, es todo básicamente prueba a indexar algún comentario con imagen desde su URL y observa la magia.


No es más en este corto post si deseas saber como funciona a fondo en el artículo de Oloblogger tiene algunas líneas explicando como funciona el código por ahora aquí en Bloggin Red lo dejamos para que lo tomen y lo usen.

Hasta la próxima,

jueves, 25 de mayo de 2017

Descargar Openwapp 2017 - Lo que debes saber Firefox OS

No, no se puede descargar Openwapp a fecha de hoy, pero, no te vayas lee el post brevemente y aprende porque en ningún otra web la vas a conseguir
¡Vaya tiempo! Hace mucho no escribía un artículo dedicado a una App en general y sobretodo con Firefox OS en este 2017, hoy trataré un tema que muchas personas han buscado en el blog y no dan con resultados, la tabla de keywords de búsqueda dice que Openwapp es una palabra muy usada sobretodo para descargar la App.


¿Donde descargar Openwapp, sigue disponible?

Ya en 2017 no es posible descargar Openwapp, pero, vamos que el post no termina aquí les explicaré porque no seguir buscando, veamos primero:


¿Qué es Openwapp? 

Openwapp era(Sí pasado porque ya no sirve) una aplicación móvil para celulares con Firefox OS integrado, su ideal era ser un cliente de WhatsApp para todos los usuarios en esta plataforma, todo iba de maravilla hasta que FXOS murió porque no se cumplieron expectativas comerciales y por ende cientos de apps perdieron soporte directamente.



Su aparición oficial fue el 22 de mayo de 2014 en el Market Place tienda oficial de Apps.



¿Cómo funcionaba Openwapp para ya no estar activa ahora?

La App se basaba indirectamente en CoSeMe una API con funciones muy especiales o que la hacían única lo importante en este campo era poder enviar mensajes, de allí se planteó crear la App de forma independiente, avanzando en desarrollo con el tiempo hasta integrar múltiples funciones que permitían que fuera lo que fue antes de darla de baja.




¿Por qué dejó de funcionar Openwapp?


Tiempo y desarrolladores es una Aplicación que requería una inversión de tiempo y no había muchos desarrolladores para cooperar con el propósito de la App además la baja demanda de uso en Dispositivos Firefox OS más dio para darla de baja así lo indica uno de los apoyos más influyentes de aquella App en unos de sus tweets el 19 de abril de 2016:

¿Entonces los que aún tenemos Firefox OS? 


La conclusión de esta historia es triste, de nuevo ratifico que Openwapp no está habilitado y no será posible instalarlo en tu móvil, la tienda de Apps Market Place cerró sus puertas hace mucho y sólo quedó disponible lo que encuentres allí, la alternativa recomendada no del todo fiable es Loqui IM, recordemos que la tienda de Firefox OS cerró sus servicios de actualización y Apps nuevas por ende queda lo que queda.

domingo, 21 de mayo de 2017

Colocar Anuncio Adsense tipo menú de texto arriba de las entradas Blogger

Menú señalado con flechas a ambos lados
Un post más, hoy veremos como colocar un anuncio de adsense como si este fuera un menú de texto de una página web o blog, tal tipo de anuncio lo podrás ver en este blo ya implementado o en la siguiente imagen:



¿Ventajas de este tipo de Anuncio? 

  • No quita tanto espacio del sitio web o blog tuyo a pesar de lo delgado tiene buen potencial.
  • Su similitud con el menú de un sitio web hace que el usuario lea el contenido por su forma y en alo que le interese posteriormente de click.
  • Ubicado siempre en la parte de arriba de nuestro sitio traerá posiblemente una mayor rentabilidad con Adsense.  


¡Creando el Anuncio en Adsense!


Lo primero será crear el bloque de anuncio desde "adsense.com" allí vamos a (Mis anuncios > Nuevo bloque de anuncios > Anuncios de texto y de display) listo:


Imagen1: Creación de anuncio


Como apreciamos en la imagen1 damos un nombre a nuestro anuncio puede ser "menu" ; en tamaño del anuncio para este caso escogeremos en "Anuncios publicados > Anuncios de enlace" saldrán varias medidas:

Imagen2: Mejores anuncios

En la imagen2 tenemos señalado con 1 (Horizontal mediano) y con 2 (Horizontal grande) podemos escoger cualquiera de las dos todo depende del ancho de tu blog pero si con uno no te salió como esperabas no te preocupes puedes editar el anuncio y cambiar el tamaño, para este caso yo tendré la opción 1.  

Bien de todo lo siguiente que nos sale el único que seleccionaremos será "Estilo de anuncio de texto" las demás opciones no pondremos nada pues no son de vital importancia los podemos dejar quietos por están con una X:

Imagen3: Parámetros a modificar

En el estilo del anuncio definirán cual es el más acorde con su sitio es una selección personal una vez listo sólo queda dar en guardar y obtener el código, al final en este paso nos mostrará así:

Imagen4: Código que nos da Adsense

¡Paso final anuncio en nuestro blog!

Estamos en la etapa final creado el anuncio correctamente, ya tenemos el código lo vamos a incrustar arriba de las entradas de nuestro blog en blogger:

1. Lo primero será parsear nuestro código del anuncio por cuestione de compatibilidad para ello vamos al siguiente sitio (Click aquí) allí pegamos nuestro código y damos en parse al final debemos tener un código así:

Imagen5: Código Anuncio ya parseado

2. Con nuestro código ya parseado ahora vamo a nuestro escritorio en Blogger (Tema > Editar HTML) y buscamos el siguiente código"<div id='main-wrapper'>" y justo arriba de él debes pegar el código parseado de tu anuncio.
 
Imagen6: Código anuncio ubicado correctamente

3. Por último queda guardar los cambios y esperar algunas horas para que podamos ver los anuncios tipo menú en nuestro blog puedes centrar el anuncio con etiquetas HTML como está en la imagen6, es todo.

Es todo en este post un poco largo quizá pero bien fundamentado si te ha quedado alguna duda no olvides comentar.

Hasta la próxima ;)

SÍGUENOS EN: