Enmascarar enlaces de afiliados

Hoy vamos a ver como enmascarar, esconder, ocultar enlaces de afiliados.

Como ya sabéis los que tenéis afiliados, los enlaces que proporcionan son muy largos y poco agradable para el visitante, tipo:

1. https://web.com/yuw/sq/destino_pagina_web?aff_platforma=fsdfgdfs&cpt=f45ghhg&sk=fgdfggW&aFGFGG=SGCVBGHJgffghgfg54&final_id=jkty7klñ0yf6jty

como podéis ver es un enlace muy largo y no muy amigable para el usuario, que puede causarle desconfianza y por lo tanto perdiendo una posible venta.

Te voy a mostrar como ocultarlos, este ejemplo solo los recomiendo si no tienes acceso al hosting o no te quieres complicar mucho.

Aclarar que esto puede ser una practica poco ética, yo personalmente no enmascaro los enlaces, de hecho hay empresas que prohíben esta practica, es el caso de Amazon y posiblemente muchas mas, una vez dicho esto, continuo.

Modificaremos el destino de el enlace utilizando javascript, ejemplo de enlace modificado

1. <a href="https://www.google" target="_blank" id="afiliado" onclick="document.getElementById('afiliado').href='https://www.yahoo.com'">texto aquí</a>

como podéis ver en el ejemplo, si pasáis el ratón por encima del enlace dirá que os va a llevar a google pero al hacer clic os llevara realmente a yahoo, lo único que teneos que hacer es cambiar google por vuestra pagina y yahoo por la pagina de afiliado donde queráis mandar  al visitante.

Esta seria una de las maneras mas rápidas de enmascarar.

Si tienes acceso al servidor y soporta php, estar atento al blog, pronto pondré métodos de enmascarar mas eficaces.


Espero que os haya sido útil.

Un saludo, joason

Cambiar imagen al hacer clic en un boton "Android Studio"

Hoy vamos a ver como hacer algo que en sí, es muy sencillo, y es que tengamos una imagen de fondo en un boton, y al hacer clic sobre el se cambie la imagen, y a su vez, dependiendo de la imagen mostrada, haremos una cosa u otra, comenzamos.

Tendremos en nuesto activity.xml el boton, nuestro ejemplo será el siguiente:

1. <Button

2.  android:id="@+id/boton"

3.  android:layout_width="wrap_content"

4.  android:layout_height="wrap_content"

5.  android:background="@drawable/1º_imagen"

6.  android:onClick="pulsado"/>

Como veis hemos creado un boton que le hemos dado un id llamado boton y un metodo onclick que lo hemos llamado pulsado.

Ahora ya solo nos queda programar en java, que queremos que haga y que fondo le ponemos al hacer clic sobre dicho boton, veamos nuestro archivo MainActivity.java como quedaría:

En primer lugar crearemos un boolean y lo iniciaremos como verdadero.

1. boolean boton_pulsado = true;

Este boolean lo utilizaremos para ir cambiando de verdadero a falso y así sucesivamente , y segun su estado actuaremos.

1. public void puldado(View view) {
       if (boton_pulsado){
          //aquí la acción 
       }
   
   }

Como veis al recivir el clic, lo primeros es comprovar el estado del boolen (true o false). Como cuando inicia la aplicacion lo henos puesto en verdadero(true), comenzara con la imagen que le hemos iniciado, a partir de aquí es cuando le cambiamos la imagen , cambiamos el estado del boolean y le decimos que queremos que haga.

1. public void puldado(View view) {
       if (boton_pulsado){
           boton_pulsado= false;
           nuestro_boton.setBackgroundResource(R.drawable.2º_imagen);
          //aquí la acción que queramos

2.     }
   
   }

Ya tenemos cambiado el boolean a false, la imagen de fondo la hemos cambiado y hemos realizado la acción que queriamos.
Ahora solo nos queda decirle que queremos que haga cuando haya cambiado la imagen, lo hariamos añadiendo el siguiente código.

1. else {
       boton_pulsado = true;
   pulsado.setBackgroundResource(R.drawable.1º_imagen);
   //aquí la acción que queramos
       

2. }

Ahora que teniamos el boolean en falso(false) lo hemos vuelto a pasar a verdadero(true) , hemos vuelto a poner la imagen que teniamos al inicio y hemos ejecutado la segunda acción.

Para que lo veais mas claro voy a poner un ejemplo con un boton que utilizaremos para iniciar y parar una reproducción, boton play stop.

1. public void puldado(View view) {
       if (boton_pulsado){
           boton_pulsado = false;
           pulsado.setBackgroundResource(R.drawable.stop);
           //ponemos en marcha la reproducción
   

2.         mMediaPlayer.play();
       }else {
           boton_pulsado = true;
           pulsado.setBackgroundResource(R.drawable.play);
           //paramos la reproducción 

3.         mMediaPlayer.stop();
       }
   
   }

Como habeis visto es sencillo cambiar imagen del boton y además ejecutar una acción diferente segun sea su imagen de fondo.

Espero que os sea útil.


Un saludo.

Solucionar luz roja en ambientador Air Wick Freshmatic

Hoy vamos a ver como solucionar el error de la luz roja en estos ambientadores.

A estos ambientadores para evitar el uso de recambios (no originales) le colocaron un "sensor" que comprobaba si el bote puesto era de su marca, la idea como tal, podría ser valida, pero lo que ocurre es que con el paso del tiempo este "sensor" deja de funcionar ó funciona incorrectamente, con lo cual solo dispara el primer golpe y a continuación tenemos el aviso piloto rojo y deja de funcionar.
Para reparar este problema es muy sencillo y no no llevará mas de 15 o 20 minutos, y necesitaremos unas herramientas que todo manitas tiene en casa: un destornillador, un soldador de estaño y trozo pequeño de cable (2cm).


Empezamos a ello:

Abrimos la tapa y localizamos los dos tornillos, que aunque veais que tienen cabeza triangular, se pueden aflojar perfectamente con un destornillador plano

Una vez quitados los dos tornillos, retiramos la tapa que cubre el mecanismo y localizamos el sensor, tiramos de el hacia arriba y sale sin ningun esfuerzo.

Una vez que lo tengamos fuera, podemos ver los cuatro puntos de soldadura donde vamos a trabajar, para que lo hagamos mas comodo cortaremos el plástico marcado en la foto de abajo.

Cuando ya tengamos el todo preparado, lo que tenemos que hacer es un puente entre los pin Nº3 y el pin Nº4, tal y como se muestra en la imagen de abajo.

Una vez hecho el puente ya solo nos queda volver a montar todo de nuevo y tendremos nuestro ambientador listo para seguir funcionando.

Como podeis ver el puente es sencillo de hacer.


Pues esto ha sido todo, espero que os sea útil, cualquier duda, comentar.

Un saludo.

Tachar texto en html

Hoy vamos a ver como tachar un texto en html, puede que necesitemos tacharlo en lugar de eliminarlo por motivos de indexacción o simplemente queremos que siga mostrándose, pero indicarle al visitante que ya no está activo o vigente dicho texto.

Veamos como hacerlo.

Lo que tenemos que hacer es meter el texto a tachar entra las etiquetas de apertura y cierre  "strike"
quedando de la siguiente manera:

1. <strike>este texto se mostrará tachado</strike>

Y en el navegador del visitante lo verá  así:

este texto se mostrará tachado

Espero que os haya sido útil.

Un saludo.

Abrir un enlace o vinculo en nueva pestaña o ventana html

Hoy vamos a ver como decirle a un enlace o vinculo que se abra en un a nueva ventana.
Veamos como hacerlo.

Cogeremos el enlace que queramos darle esta funcion, que tendrá una estructura parecida a esta:

1. <a href="aquí la url">aquí el texto a mostrar</a>

Y simplemente al enlace anterior le tendremos que añadir el siguiente código:

1. target="_blank"

Quedando el enlace de la siguiente manera:

1. <a href="aquí la url" target="_blank">aquí el texto a mostrar</a>

Como podéis ver la solución es fácil y rápida de hacer.




Espero que os haya sido útil.


Un saludo.