Hola les traigo Yoast Premium, Yoast Local, Yoast Video y Yoast WooCommerce totalmente gratis para todos los que quieres disfrutar de este excelente plugin, mejor de todo esto es que lo puedes utilizar sin inconvenientes.

Dsifruta de las ventajas de Yoast seo Premium, Yoast Local, Yoast Video y Yoast WooCommerce

Para los que quieran obtener el Yoast Seo pueden hacerlo desde aquí : Yoast

Si quieres obtener mas beneficios, y otras cosas mas como plugins y plantillas para blogger o wordpress. Solo tienes que escribirnos a nuestros correos de contacto.

Hoy veremos un ejemplo muy práctico sobre como extraer un email de una base de datos utilizando PHP, para aquellos que recién se están iniciando en el mundo del desarrollo web de aplicaciones de seguro que este pequeño ejemplo les servirá de mucho.

Aprenda como Extraer email de una Base de datos con PHP

Una típica consulta a una base de datos consiste en extraer todos los datos de una columna (el e-mail por ejemplo) para enviar un boletín de noticias a todos los usuarios registrados en nuestra Web.

Ahora veremos como se extraen los e-mail de la tabla de la base de datos, posteriormente veremos como se envía en e-mail con PHP.

Vayamos a crear una pequeña consulta :


<?php
// Recuperamos todos los valores de un campo de una base de datos y los guardamos en una varaible.

include('../abre_conexion.php'); 

// Consulta para extraer los email

   $query_recupero = "SELECT email FROM $tabla_db1";

   $recupero = mysql_query($query_recupero, $conexion_db) or die(mysql_error());

// ------ Es el elemento que usaremos para separar los diferentes elementos de cada campo
   $separador = ", ";

// ----------------- Creamos una cadena con todos los elementos del campo 
  $lacolumna=""; 
  while ($row_recupero=mysql_fetch_assoc($recupero)) { 
   $lacolumna .= ($row_recupero['email']."$separador"); 
   } 

  $largo = strlen($lacolumna);
   if ($largo > 2) 
{ 
// ----------------- Eliminamlos el ultimo separador  $separador
   $lacolumna = substr($lacolumna,0,$largo-2); 
} 
else 
{ 
   echo "No hay e-mail en esta tabla!"; 
   die(); 
}
include('../cierra_conexion.php'); 

echo "$lacolumna";
?>

Créditos : www.uterra.com

Hoy veremos algo sencillo en nuestro tutorial, porque vas a aprender como hacer botón para imprimir página con JavaScript, un simple código que hace algo importante para personas que están buscando una solución muy rápida para dejar que sus usuarios puedan imprimir los contenidos de su web.

Aprendiendo como hacer botón para imprimir página con JavaScript

Lo único que haremos será crear un input tipo botón y con el evento onclik de JavaScript haremos que funcione a la perfección.

Veamos pues entonces como hacer funcionar este pequeño código :

<input type="button" value="Imprime esta página" onclick="window.print()">

Como puedes ver imprimir una página con JavaScript es muy fácil, tan solo necesitas esa pequeña línea de código para hacer que funcione a la perfección este evento.

Si deseas muchos mas tutoriales JavaScript, por favor puedes solicitarlo en nuestros comentarios, o también puedes dejarnos algún tema en especial que quieras que toquemos. Gracias

Hoy vamos a aprender a solucionar un problema con las miniaturas de las entradas borroso en blogger, se que a muchos les a pasado puesto que hay muchas plantillas que tienen este pequeño inconveniente debido a una validación en el thumb de las imágenes.

Como Solucionar Miniatura de las Entradas borroso blogger

Como ya les he mencionado, este problema radica en el diseño de plantillas para blogger, puesto que se han validado en muchas ocasiones de la forma incorrecta.

Vayamos entonces a hacer lo siguiente :

Si aún no estas muy relacionada con la búsqueda de código de la plantilla de tu blog, puedes empezar por presionar CTRL + F, dentro del código XML, de esta manera se te será muy fácil encontrar lo que quieras.

Entonces entraremos a buscar el siguiente código :

<div class='block-image'>
<div class='thumb'>
                 &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;span class=&#39;thumb-overlay&#39;/&gt;&lt;/a&gt;
 </div>

Explicación para solucionar el problema de la imagen borrosa en blogger

De seguro dentro del código vas a encontrarlo así data:post.thumbnailUrl , solo necesitaras hacer un pequeño cambio ya que lo reemplazaras por este último data:post.firstImageUrl


El problema de todo esto radica en que el thumb te saca de la imagen en miniatura, cuando en realidad debería sacar un thumb de la imagen original.

Recomendaciones:

Recuerda siempre hacer un backup de tu blog cuando vayas a modificar algún código, no obstante también recuerda poner comentarios dentro de tu blog para que códigos estas modificando. Yo lo hago de esta manera <!-- Código modificado en linea 001 --> y así es necesario ponerlas ya que de esta manera no pierdes ningún código.

Hola fanáticos del diseño web, esta vez aprenderemos como hacer esquinas redondeadas con Css compatible para todos los navegadores, una forma muy buena para que muchas cosas en nuestro blog se vean mas chulas e interesantes.

Como hacer esquinas redondeadas con Css compatible para todos los navegadores ( Firefox, Google Chrome y Safari, CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores)

Generalmente hay muchos frameworks que han venido utilizando todas estas funcionalidades, pero si vamos a empezar a entrar a este tema, entonces no vamos a aprender nada pues una idea muy interesante es que tu puedas hacer uso de este código de acuerdo a tus exigencias.

Redondear todos los bordes con CSS

Veamos la única forma mas básica y necesaria, la que generalmente utilizamos por obvias razones de ganar mucho tiempo, o quizás porque aún somos muy novatos y preferimos utilizar de acuerdo a lo que este a nuestro alcance.

border-radius: 20px 20px 20px 20px;

Un único tamaño para todos los bordes, si queremos hacerla variar ya de acuerdo a nuestras exigencias podemos empezar haciéndola variar de tamaño. Pero quizás esta tan solo sea soportado por algún navegador, y no sea visto de la misma manera en otros navegadores, ya que para ello necesitamos aumentar otro tipo de funcionalidades. Veamos entonces :

.bordesredondeados {
-moz-border-radius: 20px; /*Soportado para navegador Firefox */
-webkit-border-radius: 20px; /* Soportado para navegadores Google Chrome y Safari */
border-radius: 20px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
}

Como puedes ver es realmente muy fácil poder hacer los bordes redondeados con css, y puedes incluso poner color al borde de esta manera.

border: 1px solid #6a6a6a;

Podemos también alejar el texto que esta contenido dentro del cuadro de esta manera:

padding-left: 20px;
padding-right: 20px;

De izquierda a derecha, o también la puedes hacer de arriba y hacia abajo, eso ya depende de tu criterio o de lo que en ese momento vayas a necesitar.


Si quieres mas tutoriales de CSS, ya sean avanzados o básicos, tan solo necesitas decirnos en los comentarios sobre que temas hablar y nosotros con gusto te estaremos brindando mucha mas información.

Hola mis amigos hoy aprenderemos un poquito mas sobre javascript, pues lo que haremos será Mostrar mensajes de Bienvenida con JavaScript utilizando ONLOAD y ONUNLOAD algo que realmente debes aprender si quieres tener este pequeño efecto en tus paginas web o blogs.

Aprendiendo a utilizar las funciones Onload y Onunload de JavaScript

Muchos no saben que tanto la función Onload y Onunload son muy utilizadas para mostrar un saludo o bienvenida cuando el usuario carga la página y es opcional mostrar otro cuando sale de la página o cierra el navegador.

Veamos entonces que utilizamos la función onload de javascript para dar un mensaje de bienvenida, muy fácil de utilizarlo verdad.

<script type="text/javascript">
window.onload=function(){alert('Bienvenido a esta pagina');}
window.onunload=function(){alert('Vuelva en otro momento');}
</script>

Así mismo tenemos la función onunload que hace el efecto de cerrar la función onload.

Nota importante sobre la función onload de JavaScript

Si la pagina utiliza el evento onload para iniciar otras funciones es necesario incluir la anterior de la siguiente forma: párrafo con un identificador nombrado: 'link1' (puedes darle otro nombre): 

<script type="text/javascript">

window.onload = function()

{

funcion1(){alert('Bienvenido a esta pagina');}

funcion2();

funcion3();

}

</script>

Espero que te haya gustado mucho este pequeño tutorial sobre como utilizar la funcion Onload y Onunload de Javascript, si tienes mas dudas o preguntas por favor escríbenos para que el creador de este tutorial pueda responderte. Gracias