Desarrollo web

Desarrollo web tips y tutoriales


Alojamiento web desde 0,30€ al día! 0

Alojamiento web desde 0,30€ al día!

Posted by on ene 17, 2014 in Desarrollo web, Noticias, Tecnología

Nuevo año, nuevos propositos!

El equipo de Laliamos.com ha lanzando esta magnifica oferta de alojamiento web barato desde 0,30€ al día!

Nuestros alojamiento web profesionales están pensado para particulares, pequeñas y grandes empresas. Cada servicio de alojamiento web, tiene lo necesario para cada cliente. Nuestros servidores cuentas con las últimas tecnologías y están constantemente revisados y actualizados día a día.

Si esta pensando en crear una página web, tienda online o quiere realizar un traslado de dominio y servicio de alojamiento, contacte con nosotros. Le enviaremos un presupuesto totalmente gratuito.

Visite nuestra página de precios de alojamiento web y seleccione un servicio ahora!

Leer mas
Spotify widget, comparte tu lista de reproducción en tu sitio web 0

Spotify widget, comparte tu lista de reproducción en tu sitio web

Posted by on dic 2, 2012 in Desarrollo web, Noticias

Spotify ha creado recientemente un botón de reproducción que los webmasters pueden poner en sus sitios web con el fin de reproducir música en Spotify. El botón de reproducción de música Spotify se integra con los blogs, sitios web y más, dando lugar a una experiencia de web de música más social.

Ahora los webmasters y bloggers pueden añadir el widget de spotify en su página fácilmente, pudiendo añadir listas de reproducción o canciones sueltas. Todo lo que necesitan nuestros lectores para escuchar música es darle al play.

Sin embargo, el oyente necesita tener una cuenta de Spotify y estar registrado dando la oportunidad de navegar por la web, escuchando la lista de reproducción y haciendo la visita mas amena.

Para añadir canciones, tan solo tendremos que abrir nuestro spotify, y dandole clic derecho a la canción que queremos añadir al reproductor, elegiremos la opción “Copy spotify URI”.

Ejemplo de canción copiada desde spotify: spotify:track:1qDrWA6lyx8cLECdZE7TV7 (el texto en negrita es el que nos interesa copiar para añadir a nuestro widget).

Código para reproductor simple de una sola canción:

<iframe src="https://embed.spotify.com/?uri=spotify:track:4bz7uB4edifWKJXSDxwHcs" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Código para reproductor de lista de canciones:

<iframe src="https://embed.spotify.com/?uri=spotify:trackset:titulo para tu lista:1R2SZUOGJqqBiLuvwKOT2Y,1qDrWA6lyx8cLECdZE7TV7,1pwE0jB6MTtTWx8fzqriAj,1Bx0zEdVjkFlV27iKaePug,3K6mJ9J4bCX76eeB2IhMVu,7BTOJ8cvgZuYslN8TCWfg6"  width="300" height="380" frameborder="0" allowtransparency="true"></iframe>

Explicación del código:

  • track: Utiliza este código para insertar una sola canción.
  • trackset: Utiliza este código para insertarmas de una canción separadas por coma “,”.
  • width: Ancho del reproductor.
  • height: Alto del reproductor.
  • frameborder: Borde del iframe.
  • allowtransparency: Transparencia para el iframe.

Ejemplo:

Leer mas
Barra social: Comparte tus entradas de WordPress facilmente en las redes sociales 0

Barra social: Comparte tus entradas de WordPress facilmente en las redes sociales

Posted by on nov 30, 2012 in Desarrollo web, Noticias, Wordpress

Saludos amigos, hoy os traigo una barra social, y tal como enuncia el título de este post, comparte tus entradas de WordPress facilmente en las redes sociales.

Así podremos darle la oportunidad a nuestros visitantes de compartir nuestras entradas entre sus circulos sociales.

demo

Pasos a seguir:

  • Subir los archivos de imagenes a la carpeta /img/ de tu tema de wordpess.(la caprtea no existe, tendremos que crearla y meter dentro las imágenes de los iconos sociales.
  • Copiamos el siguiente código CSS para insertarlo en nuestro style.css
#demo {
background: none repeat scroll 0 0 slategrey;
border: 1px solid #000000;    
border-radius: 5px 5px 5px 5px;    
height: 64px;    
margin: 0 auto;    
width: 300px;
}

#demo a img {
border: 0px none #000;
color: #000;
display: block;
height: 32px;
overflow: hidden;
text-decoration: none;
width: 32px;
}

#demo a:hover img {
border: 0px none #000;
color: #000;
display: block;
height: 40px;
overflow: hidden;
text-decoration: none;
width: 40px;
}
  • Copiamos el siguiente código py lo insertamos donde queremos que aparezca la barra social.
<table id="demo">
<tr>
<td><!--Agregar Post a Digg -->
    <a href="http://digg.com/submit?phase=2&url=<?php the_permalink() ?>" rel="nofollow">
	<img src="<?php bloginfo('template_directory'); ?>/img/digg_32.png" alt="Agregar este articulo en Digg" /></a>
</td>
<td><!--Agregar Post a Stumbleupon -->

    <a href="http://www.stumbleupon.com/submit?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" rel="nofollow">
	<img src="<?php bloginfo('template_directory'); ?>/img/stumbleUpon_32.png" alt="Agregar este articulo en Stumbleupon" /></a>
</td>
<td><!--Agregar Post a Delicious -->

    <a href="http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" rel="nofollow">
	<img src="<?php bloginfo('template_directory'); ?>/img/delicious_32.png" alt="Agregar este articulo en Del.icio.us" /></a>
</td>
<td><!--Agregar Post a Reddit -->

    <a href="http://reddit.com/submit?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" rel="nofollow">
	<img src="<?php bloginfo('template_directory'); ?>/img/reddit_32.png" alt="Agregar este articulo en Reddit" class="left" /></a>
</td>
<td><!--Agregar Post a Facebook -->

    <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="blank">
	<img src="<?php bloginfo('template_directory'); ?>/img/facebook_32.png" alt="Compartir este articulo en Facebook" /></a>
</td>
<td><!--Agregar Post a Twitter -->

    <a href="http://twitter.com/home?status=Reading: <?php the_title(); ?> – <?php echo get_bloginfo('url')."/?p=".$post->ID; ?>" title="Clic para enviar este articulo a Twitter!" target="_blank">
	<img src="<?php bloginfo('template_directory'); ?>/img/twitter_32.png" alt="Compartir este articulo en Twitter" /></a> 
</td>
</tr>
</table>

Listo, ya tenemos una barra social como la del ejemplo en nuestro wordpress.

Leer mas
Como conseguir mas visitas gracias al buscador de imágenes de Google 1

Como conseguir mas visitas gracias al buscador de imágenes de Google

Posted by on nov 29, 2012 in Desarrollo web, Noticias

Saludos amigos, aquí os traigo un pequeño tip, de como conseguir mas visitas gracias al buscador de imágenes de Google. La idea es muy sencilla, captar los usuarios que ven imágenes de nuestra página web y redirigirlos automáticamente hacia la página web donde se encuentra la imagen mostrada.

Para lograr dicho objetivo, tan solo tendremos que añadir la siguiente linea de código, justo después de la etiqueta <body>.

<script type="text/javascript">if(top.location!=this.location) top.location=this.location;</script>

Si utilizas wordpress como yo, tendrás que editar el diseño web de tu theme wordpress, editando el archivo de la página web de la plantilla de tu tema, llamado header.php y empezar a ganar visitas gracias al buscador de imágenes de Google.

Leer mas
Crear un theme wordpress para web 2.0 en PSD 0

Crear un theme wordpress para web 2.0 en PSD

Posted by on sep 15, 2012 in Desarrollo web, Noticias

Hola amigos.

Hoy vamos a crear un theme wordpress para web 2.0, en un archivo PSD, vamos a crear un tema agradable. Crear un diseño web para un theme de wordpress es muy fácil, ya que no requiere tantos detalles como otros diseños. En este tutorial vamos a utilizar el marco Graphstock.

Si estás empezando un sitio web nuevo, o simplemente si quieres investigar nuevas opciones de diseño web, cerciórese de elegir un servicio adecuado de web hosting y asegurarse que está recibiendo un servicio de calidad.

Paso 1 – Descargar el marco “Graphstock”

Por favor, descarga el siguiente esquema vacío psd: Descargar marco graphstock .

Abre el documento con Adobe Photoshop, y asegúrate de tener las guías visibles. En este tutorial NO vamos a mostrar cómo alinear el diseño, así pues por tu propio bien es mejor que mantengas las guías visibles todo el tiempo.

Vamos a crear dos figuras y una línea, las formas están hechas con la herramienta Rectángulo, y la línea de curso con la herramienta de línea.

1

Paso 2 – Crear marcador de posición para presentación de diapositivas

Con la herramienta Rectángulo redondeado (establecemos un radio de 6 píxeles), creamos la siguiente forma y añadimos una bonita presentación, y en el lado izquierdo un texto introductorio.

2

Aquí tienes los estilos de capa que se utilizan para crear esta simple forma redondeada:

3

4

Siguiente página ->

Leer mas
¿Eliminar código cifrado en base64 del pie de página? 1

¿Eliminar código cifrado en base64 del pie de página?

Posted by on jul 15, 2012 in Desarrollo web, Noticias

A continuación, os voy a explicar cómo podéis eliminar el código cifrado en base64 de cualquier archivo de vuestra página web, por ejemplo los molestos enlaces cifrados en el pie de página (o footer, en ingles) en los themes de wordpress o joomla.

WordPress es uno de los mas fáciles y sencillos CMS (Content Management System) a la hora de administrar y se está convirtiendo en el mas popular ya que sus funcionalidades van en aumento. Hay mas de 10.000 themes de WordPress disponibles y algunos de los temas son muy flexibles y te darán un montón de opciones para mostrar el contenido de tu página web.

Sin embargo, en muchos de los themes de wordpress libres (gratis), tienen en el pie de página del archivo(normalmente llamado, footer.php), cifrado en un sistema llamado base64 y suelen tener vínculos con sitios web al que realmente no quieres tener en tu blog o página web.

Si nos fijamos en el archivo footer.php, podremos ver algo como:

Eval (gzinflate (base64_decode ('Q8OzZGlnbyBlbmNyaXB0YWRvIHBvciBsYWxpYW1vcy5jb20gOik=')));

Y entonces empezamos a pensar qué demonios es esto? ¿Cómo voy a resolver este problema?

Lo mas normal es empezar a pensar en cambiar el tema que hemos tardado horas en preparar y seleccionar.

Pero espera, no te decepcionare, ya que hay solución posible a este problema.

Os comente en un entrada hace tiempo, como podéis encriptar o desencriptar códigos en base64.

Solo tenéis que añadir el código:

Q8OzZGlnbyBlbmNyaXB0YWRvIHBvciBsYWxpYW1vcy5jb20gOik=

Y os lo decodificara en texto plano. La solución a la anterior codificación en base64 es:

Código encriptado por laliamos.com :)

Espero que esto te ayude a deshacerte de esos enlaces no deseados desagradables de tu sitio web o blog.

Leer mas
Página 1 de 212
unrpintable page

Por favor, no imprima esta página web

Hoy en día, la impresión es innecesaria y no sólo significa un coste innecesario de papel y tinta, sino también el impacto medioambiental evitable en la producción y el uso de estos suministros. La reducción de la impresión puede ser pequeño, pero a la larga, puede llegar a ser un gran impacto significativo.

www.laliamos.com