Código, Web y SEO

lunes, 27 de febrero de 2017

Efecto cambiar imagen por otra al pasar el mouse en Blogger - 1 PASO

Bienvenidos a un nuevo post, hace poco me topé con un artículo clásico del blog Ciudad Blogger, dicho artículo lleva sus años y bueno básicamente es un efecto en una imagen que al pasar el mouse cambiará por otra y al salir de la imagen volverá a la primera, sin más veamos un ejemplo: 


Para lograrlo sólo basta con agregar y copiar el siguiente código en el HTML de tus entradas:
<img src="link imagen UNO" onmouseover="this.src='link imagen DOS';" onmouseout="this.src='link imagen UNO';"/>
Por último paso queda cambiar lo que está en azul que son los links o URL de las imágenes UNO y DOS. Aconsejo que la dos imágenes tengan un tamaño igual dado el caso si sabes manejar Photoshop las puedes ajustar a un mismo tamaño.

No siendo más en ete truco tan bueno y sencillo, nos vemos en un próximo post.

Hasta la próxima BloggeRs,

lunes, 20 de febrero de 2017

Desencriptar - descifrar MD5 en línea sin programas



Este post lleva sus años escrito el sitio originalmente mencionado ha muerto es por ello que hoy actualizaré la lista de sitios con los cuales podrás descifrar las contraseñas encriptadas en MD5 sin más veamos:

La página web en cuestión es la siguiente "md5online.es" se verá algo así:

 



viernes, 17 de febrero de 2017

Cómo hacer efecto circular-circulo a imágenes en CSS blogger

Hoy vamos a ver como lograr que nuestras imágenes las que deseemos tengan un efecto circular como el siguiente únicamente con CSS:


¿Genial no? muy bien sin más vamos a proceder al tutorial el cuál es bastante sencillo de seguir.

EL TUTORIAL

1. Usar la hoja de estilos CSS el cuál contiene el efecto de redondear imágenes puedes copiarlo y pegarlo en tu plantilla en Diseño > Editar HTML y buscas ]]></b:skin> justo arriba pega lo siguiente: 
.img-rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
2. Ahora sólo queda usar el siguiente código en una entrada, gadget o si lo deseas en la misma plantilla:
<img class="img-rounded" src="LINK DE TU IMAGEN" /> 
 Y listo sólo queda guardar nuestro nuevo CSS completo.

El resultado aquí:

 

viernes, 10 de febrero de 2017

"Anti AdBlock Script" bloquear entradas a visitantes que usen AdBlock en Blogger

¡Nuevo post! Veamos Adblock es un arma de doble filo, si lo usamos como visitantes de un sitio nos salva de tanta publicidad, pero, si somos editores de nuestras webs o blogs quién lo use con nosotros nos afectará porque no monetizaremos con ese usuario 😓 de esta forma sí lees este post es porque el segundo caso aplica para ti y eres amo y señor de un blog, pues hoy vamos a ver como parar a aquellos usuarios que usan blogger y deben desactivarlo para ver nuestro contenido.

Puedes ver un demo aquí:

http://demo.bloggerhacking.com/2016/08/stop-users-using-adblocker-in-blogger.html#
 

 EL TUTORIAL

1. Lo primero será ir a Blogger > Diseño > HTML/JavaScript.


2. Allí pegaremos el siguiente código:
<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}
</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p>Por favor desactiva tu Adblocker!<br/>Este blog ofrece contenido gratuito gracias a los anuncios de publicidad <br/> Si nuestro contenido te gusta puedes desactivarlo sólo en nuestro blog, ayúdanos.</p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display
)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>

3. Y sólo queda guardar, listo ¿Fácil no?


EXPLICACIÓN COLORES

- En color azul tenemos el mensaje que le saldrá al lector que use AdBlock e ingrese a nuestro blog.

- En color rojo tenemos todo el CSS de nuestro truco, si sabes CSS puedes modificar fondo, colores, letra del aviso en efecto. 

Muy sencillo y simple más largo es este post.

Es todo hasta la próxima,

sábado, 4 de febrero de 2017

Bloquear a un seguidor de Instagram para que no vea tu historia

¡Un nuevo tutorial! Fácil, se trata de como bloquear a un seguidor de tu cuenta de Instagram o cualquier usuario para que no vea tu historia en Instragram así que vamos a ello.



EL TUTORIAL...

1. Lo primero ir a la configuración de nuestro perfil de Instagram y buscamos la parte donde dice "Configuración de la historia":



2. Alli vamos a la sección que dice "Ocultar historia a" :


3. Por último y fácilmente nos saldrá la lista de todos nuestros seguidores buscaremos el perfil de quienes queremos que no vean nuestra historia en Instagram marcándolo con un chulito y listo así de fácil:


Listo es todo en este post espero les sirva.

Hasta la próxima,
 

SÍGUENOS EN: