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,
 

miércoles, 18 de enero de 2017

Poner Redes sociales estilo minimalista al final de cada post en blogger 2017



Un post más en Bloggin Red, respondiendo a un seguidor del blog quién gentilmente pidió saber como colocar los iconos sociales que justamente uso en mi blog al final del post podrás verlos el demo.


 
EL TUTORIAL

1. Empecemos es elemental y fácil de hacer, lo primero será ir a Plantilla > editar HTML y buscar el siguiente código </body> justo encima de él pegaremos lo siguiente:
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
    <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=nguoiaolam' type='text/javascript'/>

2. Hecho lo anterior ahora vamos a la parte más incómoda y por la cual muchas personas dicen que no funciona es cuestión de paciencia probar y saber  buscar ya que cada plantilla es diferente, debemos buscar el siguiente código en nuestra plantilla <div class='post-footer'> justo debajo de él pegarás el siguiente código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
                            <style type='text/css'>
.custom_images ul {display:inline; list-style:none}
.custom_images ul li {float:left; margin-right:1px}
</style>
                            
<div class='addthis_toolbox'>
 
<div style='margin: 50px 0px 10px; font-size: 30px;'>Compartir este Post</div>
<div class='custom_images'>
<span class='fade'><ul>
 
  <li><a class='addthis_button_facebook'><img alt='Share to Facebook' border='0' height='57' src='https://lh3.googleusercontent.com/-ErgrNe7VaTM/T4ywntBsxGI/AAAAAAAAJHA/79YM4bBqnf4/s57/Facebook%2520alt%25202.png' width='57'/></a></li>
  <li><a class='addthis_button_twitter'><img alt='Share to Twitter' border='0' height='57' src='https://lh5.googleusercontent.com/-jZW7xfQfo5c/T4ywo5r5yBI/AAAAAAAAJHM/4ZtK0i8IXyA/s57/Twitter%2520alt%25204.png' width='57'/></a></li>
  <li><a class='addthis_button_google_plusone_share'><img alt='Share to Google+' border='0' height='57' src='https://lh5.googleusercontent.com/-l682ZOmTPl8/T4ywn1Z13TI/AAAAAAAAJG8/ncHs61veQOo/s57/Google%252B%2520alt%25202.png' width='57'/></a></li>
  <li><a class='addthis_button_stumbleupon'><img alt='Share to Stumble Upon' border='0' height='57' src='https://lh4.googleusercontent.com/-OBxyCfQlXV4/T4ywonzZx6I/AAAAAAAAJHI/UBRTcapYwCw/s57/StumbleUpon%2520alt.png' width='57'/></a></li>
  <li><a class='addthis_button_evernote'><img alt='Share to Evernote' border='0' height='57' src='https://lh4.googleusercontent.com/-RCzpjgpIEcE/T4y74V6mhzI/AAAAAAAAJH8/ex7WdsezcYk/s57/evernote-icon.png' width='57'/></a></li>
  <li><a class='addthis_button_blogger'><img alt='Share to Blogger' border='0' height='57' src='https://lh6.googleusercontent.com/-DkPVHUpO5Mc/T4y73abYX4I/AAAAAAAAJH0/1xfolEU-Y_k/s57/Google%2520Blogger.png' width='57'/></a></li>
  <li><a class='addthis_button_email'><img alt='Share to Email' border='0' height='57' src='https://lh4.googleusercontent.com/-CxGRg2HeAXc/T4y73bmCVAI/AAAAAAAAJHw/gaA6Y7GwQZU/s57/Mail%2520alt.png' width='57'/></a></li>
  <li><a class='addthis_button_yahoomail'><img alt='Share to Yahoo Messenger' border='0' height='57' src='https://lh6.googleusercontent.com/-z9ucAlSwZ1o/T4y-uaIEpNI/AAAAAAAAJIc/YL6sPfqvFkk/s57/Yahoo%2521%2520alt%25201.png' width='57'/></a></li>
 
</ul></span>
 
</div>
    
</div>
 </b:if>
  
Si en el peor de los casos no te da busca la siguiente línea y pega el mismo anterior código justo debajo <div class='post-footer-line post-footer-line-3'> recuerda paciencia ya que si ves que sirve en mi blog servirá en el tuyo.


3. Hecho lo anterior sólo queda guardar y verificar que todo esté bien.


EXPLICACIÓN COLORES CÓDIGO

- Lo que tenemos en Naranja es el título pequeño que llevará el gadget alusivo a que nuestros lectores compartan el contenido ¡Fácil!.

- Lo que tenemos en Azul son todos los links de cada uno de los iconos sociales recuerda que los puedes reemplazar sin problema alguno.


Es todo en este pequeño post muy fácil, recuerda comentar para dudas ocasionales.

Hasta la próxima BloggeRs,

domingo, 1 de enero de 2017

Reclamar un pago de adsense por Western Union - 2017 fácil y rápido

Un post más en Bloggin Red, hoy voy a explicar en el mayor detalle posible como reclamar nuestro dinero de Google Adsense en este caso por el medio de pago Western Union, vamos que difícil no es, sólo es cuestión de entender bien el protocolo para cada pago que recibimos veamos:


HE CUMPLIDO EL LÍMITE DE 100USD Y AHORA?

Listo! digamos que tienes 100USD o más, la cantidad es lo de menos siempre y cuando lo mínimo que tienes son 100usd y ¿Cómo lo sé? en nuestra cuenta de Adsense tenemos un panel así:


Listo lo importante es tener claro el saldo, ahora, vamos a ver como opera adsense las fechas de corte y las fechas de pago.


FECHAS DE CORTE Y PAGO ADSENSE

Adsense trabaja casi de forma global bajo unas fechas de corte aproximadas, es fácil de entender de la siguiente forma:

- Los días 20 o 21 más comunes, adsense nos notifica que tenemos un "último pago" para reclamar nos llegará un correo algo así: 



- Una vez nos notifican este correo debemos esperar unos 5 días máximo laborales para obtener el MTCN (Un código único de transacción) que se usa en Western Union para reclamar el pago, regularmente el día 23 o 24 de cualquier mes podremos visualizar el MTCN.


¿DÓNDE ESTÁ EL MTCN PARA RECLAMAR POR WU ADSENSE?

Listo, asumiendo que ya te llegó el correo y ya es el día 28 digamos, hace rato tienes el MTCN, sólo falta anotarlo o conocerlo, para ello vamos a adsense y en donde dice saldo hay tres puntos damos clic ahí y saldrá un minipanel donde damos en ver pagos así:


Luego, saldrá un panel completo en donde están los importes y transacciones vamos a dirigirnos a transacciones "Ver transacciones":


Allí buscamos el más reciente campo que salga con algo similar a lo que se ve encerrado en línea azul:


Al dar clic allí a la encerrado en azul nos llevará a una ventana aparte donde nos mostrará el "Recibo de Pago de Google" para reclamar en Western Union:

Se señala el MTCN ese código es el que necesitas

YA TENGO EL MTCN AHORA A DONDE VOY?

Con el MTCN listo como mostré anteriormente lo demás es fácil, pero, ojo el MTCN es distinto en cada pago que recibes y por ende no siempre usarás el mismo para reclamar

El paso final es acercarte a un Western Union en tu ciudad por ejemplo:

Y dices que vas a reclamar un pago, pasas tu documento oficial de identidad, luego, el MTCN dices de quién viene (Google) y listo esperas a que te entreguen el dinero en esencia es eso. 

Listo sería básicamente todo, como ves adsense a optimizado su plataforma y el método para reclamar nuestro dinero por Western Union lo cual es bueno.

Es todo hasta la próxima,  

domingo, 18 de diciembre de 2016

Cómo desbloquear todos los trofeos de Snapchat ¿Cuáles son? 2017

Un sencillo post informativo, si eres usuario de Snapchat sabes que hay una sección de trofeos pero, ¿Sabes cuáles son todos los trofeos de Snapchat? y ¿Cómo se desbloquean? aquí vas a ver como se desbloquea cada uno de ellos.


Cuando cumples un objetivo definido por Snapchat aún tú sin saberlo en tu galería de trofeos se estarán desbloqueando, es importante mencionar que hay trofeos derivados de otros, es decir, sólo al desbloquearlo podrás ver los que debajo de él vienen, en total son 37 trofeos de momento, así que vamos a verlos:






La facilidad para desbloquear cada trofeo varía debido a su alta dificultad en algunos, a tal punto que sólo famosos o personas con muchos seguidores en snapchat podrían lograr, pero, usando la aplicación y sumando puntos tal vez se logre.

Es todo en este sencillo Post informativo,

Hasta la próxima,
 

jueves, 15 de diciembre de 2016

Ingresar configurar clave WIFI de cualquier Modem Claro por Claro Hogar - método legal 2017

Lee el post detenidamente hay ciertos criterios que cumplir
Un post más en BR, para los que son vieja guardia en el blog y lo siguen desde hace un buen tiempo atrás sabrán que suelo hablar de estos aparaticos y como acceder a algunos que he tenido y probado en cada uno métodos muy similares o simplemente métodos completamente distintos.

Algunos de los módems a los que he analizado son:
Sin embargo, de los anteriores módems pertenecientes a CLARO al parecer los métodos que alliberé y que a cientos le sirvieron a fecha de hoy (15/12/2016) según los mismo usuarios ya no es posible hacer el respectivo ingreso a la configuración completa del módem CLARO, por ende traigo a ustedes este método que de entrada trae muchas limitaciones pero que es legal y válido en totalidad por el operador Claro para modificar los datos de nuestro Router en Colombia.


¿Cómo acceder al módem?

A continuación explicaré como acceder a la configuración básica de este modem donde por ahora solamente podrás cambiar el nombre de red y la contraseña que trae la misma, si buscas usar técnicas más avanzadas no es posible con este método ya por así decirlo es un método "legal" que la empresa claro nos brinda desde su sitio web:

CONDICIONES PARA LOGRAR TODO ESTO:

- Debes ser el títular de los servicios de internet o en su defecto simplemente conocer a quién sea el titular y te hables con esa persona.

- Estar registrado en Mi Claro Hogar Colombia por allí configuraremos todo.

- Si no eres titular estar autorizado por el mismo para aplicar este tipo de cambios.

Listo, iniciemos:

1. Lo primero será estar registrado o si ya lo estamos ingresar a Mi Claro Hogar (click aquí para ir) Recuerda si no estás registrado debes hacerlo con la cédula del titular de la línea de internet dónde estás, si no eres tú, habla con esa persona ya que siempre será necesario para otro tipo de servicios:


2. Al ingresar a Mi Claro hogar te deberá salir un panel similar a este, y luego dar clic en mis productos:


3. Al darle a "Mis productos" tendremos varias opciones la de interés es la de internet dando donde dice "Cambiar":

 4. Nos saldrá una ventana modal con tres opciones que pueden apreciar:


5. Vamos a "configuración avazanda" allí como se observa podemos modificar el nombre de nuestra red WIFI, la clave WIFI y el tipo de encriptación de la misma red, es lo único que se puede modificar por allí:


6. Finalmente queda guardar consideró que no profundizaré en la anterior imagen ya que está fácil todo en cuestión para modificar la clave WIFI por ejemplo.

De momento es todo en este post, recuerden que los métodos anteriores con otros posts ya no son posibles por ahora.

Es todo hasta la próxima,

viernes, 25 de noviembre de 2016

Blogger permite agregar emoticones - emojis en las entradas de nuestro blog

Blogger se actualiza y ahora desde hace un par de semanas quizá permite que de forma oficial podamos incorporar en las entradas o posts de nuestros blogs emojis - Emoticones, son muy agradables a la vista, y su incorporación es extremadamente fácil 😌.


¿COMO USARLOS EN TU BLOG? 

Es muy fácil la opción de emojis está puesta en el panel de herramientas de Blogger al escribir una entrada es el símbolo de la cara feliz:


Al abrirlo saldrá una imagen como la primera de arriba y listo allí tenemos múltiples opciones de figuras y demás: 


Úsalo en cualquier posición o palabra conjunta al escribir tus entradas ejemplo:

"💀💫😇😆😝😍😬😴🙊🙇🙋🔠🔖🔎♑🌈🌈🌍🌄🀫🀍♤🀑👡💲📕 "


¿Fácil no? Y tú que opinas sobre este cambio en las entradas de Blogger para publicar.

Hasta la próxima,

SÍGUENOS EN: