Código, Web y SEO

miércoles, 29 de octubre de 2014

Cómo saber el nombre de una canción - Algún "Shazam" para PC On line

De nuevo en un post muy corto y haciendolo bajo un inconveniente que tuve hace poco sobre el nombre de unas canciones que no sabía, CLARO, algunos dirán fácil usar Shazam sin embargo, no cuento con teléfono en este momento así que por curiosidades me topé con un sitio que podrá ser muy funcional para todo aquel que no cuente con un teléfono y necesite saber el nombre de una canción con su PC lógicamente usando el micrófono.

Muy bien como dice el título y el anterior párrafo esto va a con el objetivo de saber el nombre de una canción desde nuestro PC de forma On line así que comencemos:

1. Lo primero será ingresar al siguiente sitio web el cual nos ayudará directamente con este asunto el sitio se llama "Midomi":


2. Estando allí la interfaz de la web por ahora se ve así y sólo haremos uso del botón que señalaré:


3. Paso fundamental, ahora procedemos a sonar la canción de la cual no sabemos el título puede ser directamente desde los parlantes de nuestro pc, celular, radio etc. luego, en el menor tiempo posible daremos click en el botón que encerré anteriormente el que dice "Click and Sing or Hum" al dar clic nos saldrá que si deseamos permitir el acceso del sitio al microfono daremos en permitir:


4. Al darle en permitir recordando que la canción ya está sonando, dejaremos que el sitio haga lo demás apróximadamente por 10 segundos que el lo hace automáticamente y rara vez tarda un poco más aquí como hace la búsqueda mientras suena:
5. Por último el paso de victoria el equipo nos dirá el nombre de la canción al momento en mi caso reproducí "Hello de Martin Solveig"se visualza así:


Y listo todo cumplido muy fácil y funcional para muchos que nos ha gustado una canción y no sabemos su nombre..

Hasta la próxima BloggeRs,

sábado, 25 de octubre de 2014

Demostrando que Kontextua si paga por Paypal - Ganancias de monetización con la plataforma Kontextua

Retomando los posts relacionados con Monetización hoy quiero mostrarles a ustedes para que despejen sus dudas con algunas plataformas de publicidad la temátima de si pagan en verdad?.. La plataforma que hoy mostraré la cual me hace pagos es Kontextua.com.


Si bien quizá no sea una plataforma tan nombrada como lo es Google Adsense, sin embargo, es una buena opción sea secundaria o no para nuestro sitio, de esta forma a continuación mostraré algunas pocas ganancias que he logrado con algunos sitios enlazados con Kontextua demostrando que si pagan veamos:

Monto mínimo para que hagan un pago

Si bien sé creo que Kontextua no maneja ningún límite sólo sí los pagos se realizarán por Paypal de tal forma que si en el mes realizar 2 dolares eso te enviarán.

Pagos de kontextua paso a paso

En mi forma yo escogí recibir pagos por Paypal ya que no requería monto mínimo lo primero que hacen al cumplir el mes para remitir pagos es avisar que ya hay una cantidad que en un plazo máximo de 45 días te enviarán, cuando en cualquiera de esos 45 días llegará a tu correo electrónico algo así:


Si se dan cuenta al final dice me han enviado 10,36 USD y 7,47 USD quizá poco pero aceptable si bien abriré uno de los correos para ver como saldrá:


Y como se vería la gestión de dinero por Kontextua en su plataforma dejaré una imagen:


Con esto para quiénes le queden dudas sobre si esta plataforma paga o no queda una prueba, como dije estaré probando distintas plataformas para comprobar si si pagan a sus usuarios o sólo son engaños...

Hasta la próxima BloggeRs,

martes, 21 de octubre de 2014

Como Exportar un diseño en photoshop a imagen (JPG; PNG, GIF) etc. - guardar diseño en imagen

Un post quizá un poco Tonto, pero, siempre habrá alguien que no sabe alguna cosa; así que prefiero enseñar esto...

Para guardar o pasar un diseño echo con photoshop a formato de imagen se hace de la siguiente manera: 

Una vez tengamos la imagen, vamos a archivo y guardar como:


Nos saldrá una ventana en donde nos dan la opción de escoger el formato en este caso como lo queremos para que sea imagen escogeremos JPG:



Ahora, Después de dar en guardar nos sale otra ventana en ella pondremos el número doce (12) y damos listo doce es la máxima calidad de la imagen:



Listo solo queda ir a donde la guardamos y allí estará en imagen, aquí la que yo hice:


NOTA: recuerden que en formato pueden escoger PNG, JPG, GIF entre otros que sean para imágenes.

Espero les sirva y les guste, hasta la próxima BloggeRs, 

viernes, 17 de octubre de 2014

Poner ventana de aviso o alerta para blog en Blogger

Para el siguiente post, les comparto la siguiente caja de aviso para nuestro blog; con un poco de HTML y CSS3 se aprecian sombras y todo ello en los efectos veamos como les saldría:

Muy sencilla y fácil de notar además de su opción para cerrar, ahora para agregarla a nuestro blog haremos lo siguiente:

1. Vamos a Diseño|Añadir Gadget|HTML/JavaScript y pegaremos el siguiente código:


<style type="text/css">
#aviso{
width:500px; /* Ancho de la caja */
padding:5px; position:absolute; z-index:5000;}
.caja-aviso{
border:4px double #0080FF; /* Color del borde */
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;
background-color: #CEECF5; /* Color de fondo */
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B; /* Color del texto */
}
.letrero-aviso { /* Estilos de la palabra AVISO */
font-size:18pt;
font-weight:bold;
color:#B4045F;
text-shadow: 0px 0px 10px #BA55D3;}
</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">
<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">[CERRAR]</font> <img valign="middle" src="https://lh5.googleusercontent.com/-46DmTbFSiuQ/TliKe_XV0lI/AAAAAAAAGJ4/_H2c3HB4XoY/CloseIcon-small.png" style="vertical-align:middle;"/></a></b></div>

<br/>
<fieldset class="caja-aviso">
<legend class="letrero-aviso" align="center">AVISO</legend>
...Aquí va el mensaje...
<br/><div align="right"><a href="http://www.facebook.com/usuario" target="blank"><img src="https://lh6.googleusercontent.com/-9TNSAdSEm2o/Tlgi_wnuKZI/AAAAAAAAGJw/6rLfLd-QfkE/facebook.png" width="26"/></a>
<a href="http://twitter.com/usuario" target="blank"><img src="https://lh6.googleusercontent.com/-xk9JDUThPo0/TlgjAUiI4eI/AAAAAAAAGJ0/t5QtAN0xPco/twitter.png" width="25"/></a></div>
</fieldset>

<script>
function closeit(){
document.getElementById("aviso").style.visibility = "hidden";
}
</script>

</div><div class="clear"/></div>

Sólo cambien el mensaje que quieran poner donde se indica en color ROJO, y el nombre de usuario (links) en Twitter y Facebook que está en color azul, los números en verde representan la posición de la ventana de aviso en el blog así que lo pueden modificar, con esto su blog ya tendría la ventana implementada.

Hasta la próxima Bloggers, :)

lunes, 13 de octubre de 2014

Poner araña que se mueve en el blog (Hallowen) - Araña interactiva

Pasando por un blog que suelo visitar me topé con un truco muy bueno para esta época de Hallowen, además darlo un pequeño decorativo al blog no estaría mal.

Como se ve en la anterior imagen esa será la araña que se pondrá en nuestro blog, pero,  moviendose ligeramente por su telaraña

Ahora se ve mejor, para agregarla a nuestro blog haremos un sencillo paso que será copiando el siguiente código ya sea en la parte HTML de una entrada, página o gadget HTML/JavaScript:

<script src='https://googledrive.com/host/0B1sh31bxfVkGYUVMRXFyeUROQ2s' type='text/javascript'></script>
<canvas id='scratch' style='width: 500px; height: 350px; margin-left: -80px; margin-top: -30px;'></canvas>
<script src='https://googledrive.com/host/0B1sh31bxfVkGbTVWTlhlangwdWM' type='text/javascript'></script>

Listo!... Es todo muy fácil y elegante la araña en nuestro blog... espero les guste y disfruten este mes de terror....

jueves, 9 de octubre de 2014

Como redireccionar un blog a otro blog o sitio mediante Script

¿Qué tal amigos?

En el siguiente tutorial explicaré cómo redireccionar un blog a otro blog o bien sea a cualquier sitio web que queramos, para ello veamos en que tipo de situaciones podremos usar este método:

Redireccionamiento web de blog a blog en blogger

- Cuando migramos a otro blog o plataforma y no queremos perder las visitas en el sitio anterior.
- Hay errores en el diseño y se necesita redirigir a otro con la misma temática.

Muy bien su función es muy sencilla se pone el script en el blog que queremos que se redireccione y este al entrar automáticamente nos llevará al sitio actual.

Dicho esto iremos al blog antiguo, ingresamos a Plantilla | Editar HTML buscamos al inicio la etiqueta <head> arriba de esta etiqueta pegaremos lo siguiente:

<head>
<meta content='3; URL=http://nombre-de-mi-blog.blogspot.com/' HTTP-EQUIV='Refresh'/>
</head>
<body onLoad='redireccionar()'>
<script language='JavaScript'>
var pagina="http://nombre-de-mi-blog.blogspot.com/"
function redireccionar()
{
location.href=pagina
}
setTimeout ("redireccionar()", 500);
</script>
</body>


Por último reemplazamos "nombre-de-mi-blog" por el blog o la dirección a donde serán redireccionados quienes entre.
Si al entrar desde una versión o dispositivo móvil no te redirecciona prueba con este otro tutorial enfocado a redirección desde acceso con dispo. móviles
CLICK AQUI

domingo, 5 de octubre de 2014

Como habilitar o inhabilitar conexión LAN y WIFI en portatil - windows 7

De vuelta en Bloggin Red, hoy enseñaré algo que alguna vez en la vida por alguna razón será necesario hacerlo en nuestro PC si usamos Windows 7 se trata de desactivar o activar la conexión LAN o WIFI a nuestro equipo portátil.

Así que siendo directo empecemos: 

1. Vamos a Panel de Control. se debe dejar en "ver por: categoría":


2. Ahora nos dirigimos a "Redes e Internet" y luego damos clic en "ver el estado y las tareas de red": 


3. Luego en el menú lateral damos clic en "Cambiar configuración del adaptador" aquí:


4. Allí tendremos nuestras conexiones disponibles, pero, esta vez sólo es de nuestro interés activar o desactivar la conexión WIFI o LAN(conexión por cable):

5. Por ejemplo para deshabilitar nuestra placa WIFI damos doble click sobre el icono del pc con una señal y luego saldrá un cuadro así allí señalé donde clickar para deshabilitarla:


Si desean habilitarla dan doble click sobre ese icono anterior y se habilitará sin problemas.

De esta misma forma se hace para la Conexión por cable o LAN.

Razones por la cual habilitar o deshabilitar el LAN o el WIFI

Algunas dudas sobre esto serán respondidas a continuación:

- Muchos portátiles vienen con la conexión por cable LAN Inhabilitada de tal forma que por lguna razón es necesario activarla.

- A veces las configuraciones de un Router sólo se dan por Cable LAN pero antes puede pasar lo que se dijo en la razón anterior.

- Se puede desactivar alguna de las dos para no crear conflictos cuando se usa LAN y se tiene el WIFI activo.

Esas son las razones principales, es todo hasta aquí espero les de ayuda en algo, hasta un próximo post BloggeRs.

miércoles, 1 de octubre de 2014

Crear temas personalizados para Google Chrome

Muchos hemos instalado temas a nuestro navegador Google chrome, pero, que mejor que instalar un tema personalizado creado por nosotros, al gusto y estilo nuestro...bueno en este post enseñaré brevemente como crear y diseñar sus propios temas para su navegador, así que comencemos:

Lo primero que se debe hacer es descargar la aplicación llamada "Mi tema de chrome" este se descarga de la chrome web store de su navegador para descargar la aplicación vayan aquí.

2. Hecho esto La aplicación quedará en su navegador algo así:

3. Así pues abren la aplicación y darán clic donde dice empezar a crear el tema:

4. Luego, Le dan a subir Imagen donde sale la cámara y lógicamente suben las imágenes que quieran usar para el tema.

5. Les deberá salir algo así:

En la parte de abajo aparece un intervalo que te da a escoger diferentes vista modo diseño es como tú lo editas y modo vista previa es para que mires como irá quedando a la realidad tu tema, más arriba sale ajustar posición es para cuadrar el tamaño de dicha imagen según tus gustos "recomendado ajustar a la pantalla" Al lado por si quieres importar otras imágenes. hecho todo esto vamos arriba y damos en ir al paso 2.

6. Este paso será escoger el color de las ventanas el espacio blanco que sobra de la imagen  y la barra que hay para escoger el color solo den clic en el broche que sale y escojan su color.

7. Realizado el paso anterior le dan clic ha ir al paso 3 Sólo se trata de poner el nombre al tema cualquier nombre, esperan que el tema se cree, y le dan a instalar mi tema y ya estuvo tema instalado.

Además cabe decir que en al final aparece un link del tema para que lo compartan con sus amigos o en sus blogs-webs.

Es todo, muy fácil espero les sirva hasta la próxima.

SÍGUENOS EN: