NeytorTec Tutoriales Web

Neytortec es un blog dedicado a brindar conocimientos Sobre las diferentes formas de crear un sitio web desde el aprendizaje de lenguajes web hasta su aplicación en el uso de un Blog.

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 inic...

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.

Extraer email de una Base de datos con PHP

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ódig...

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

Tutoriales Javascript Eventos


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 q...

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.

tutoriales blogger

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 ...

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)

bordes redondeados con css

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 ut...

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.

Funciones Onload onunload JavaScript

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

Seguramente muchas veces te paso por la mente sobre como poner una caja de suscripción para blogger ya sea en la parte de los widgets de tu...

Seguramente muchas veces te paso por la mente sobre como poner una caja de suscripción para blogger ya sea en la parte de los widgets de tu blog o simplemente debajo de cada entrada o post que realices ... No te preocupes porque hoy te he venido a enseñar como vas a lograr hacer esta pequeña pero útil herramienta para que tus seguidores estén actualizados con lo mejor de tus contenidos.

Aprendiendo a como crear una caja de suscripción en las entradas de blogger.


Quizás esto te suene familiar, pues de seguro lo has visto en muchas webs ... Claro que las debiste ver .. Pues bien se tratan de estas pequeñas cajitas que están muchas veces debajo de las entradas o artículos de los blogs...Una simple forma de captar muchas veces la audiencia y fidelizarlas con notificaciones en sus correros electrónicos para que les llegue tu material actualizado ... Pues claro... Super actual ya que estas actúan de manera extraordinaria llevando información de cada actualización que hagas en tu blog.

Configurando caja de suscripción para blogger

Bueno lo primero que vamos a tener que hacer será seguir los siguientes pasos que te voy a mostrar a continuación.

Vamos entonces a la parte de diseño - Y añadiremos un nuevo gadget.

caja suscripcion blogger
Ahora vamos a añadir un widget para colocar el siguiente código Js, Html que te voy a dar a continuación.

<style>
.ayudadeblogger-subscribe-box-email-field {
    background: #fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -28px;
    width: 280px;
    float: left;
    color: #777;
    margin: 0 0 10px 0;
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
     
}
.ayudadeblogger-subscribe-box-email-button {
    background: #09f;
    width: 280px;
    float: left;
    color: #fff;
    font-family: 'Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: small-caps;

}
.ayudadeblogger-subscribe-box-email-button:hover {
    background: #303030;
}
</style>
<!-- Start iconos sociales-->
<div id='social' style=' background: #d2ebff; width: 301px; padding: 10px 0 0 0px; margin: 0 0 0 0px; float: left;'>
<a href='http://feeds.feedburner.com/tublog' imageanchor='1' target='_blank' title='Suscríbete a nuestro Feed de Noticias'><img alt='Icon' border='0' src='http://1.bp.blogspot.com/-tA9p6vqVkBc/Tas3Gk0S8DI/AAAAAAAADVk/EMuM7CvpyD0/s1600/rss-feed-icon.png' style='margin-right:3px; margin-left: 4px;'/></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=tublog&loc=es_Es' imageanchor='1' rel='nofollow' target='_blank' title='Suscríbete via Email'><img alt='Icon' border='0' src='http://1.bp.blogspot.com/-WQOs8K-8srE/Tas3FyyNdSI/AAAAAAAADVc/zJtw5olTF4Q/s1600/Email-rss-feed-icon.gif' style='margin-right:3px;'/></a>
<a href='http://www.facebook.com/tublog' imageanchor='1' rel='nofollow' target='_blank' title='Síguenos en Facebook'><img alt='Icon' border='0' src='http://3.bp.blogspot.com/-6be7A8wqQMU/Tas3Gb9hvGI/AAAAAAAADVg/iZnslgNOUY0/s1600/facebook-icon.gif' style='margin-right:3px;'/></a>
<a href='http://twitter.com/ayudadeblogger' imageanchor='1' rel='nofollow' target='_blank' title='Síguenos en Twitter'><img alt='Icon' border='0' src='http://4.bp.blogspot.com/-SF1XHhh4M5U/Tas3HKHWMZI/AAAAAAAADVo/VgTe1JU-qJc/s1600/twitter-icon.gif' style='margin-right:3px;'/></a>
<a href='https://plus.google.com/+tublog' rel='nofollow' target='_blank'><img alt='Síguenos en Google Plus' height='43' src='http://www.dcddesign.com/images/social-media/google-plus-icon.jpg' style='margin-right:3px;' width='43'/></a>
<a href='http://pinterest.com/' rel='nofollow' target='_blank'><img alt='Síguenos en Pinterest' height='43' src='http://passets-cdn.pinterest.com/images/big-p-button.png' style='margin-right:3px;' width='43'/>
</a>
<!-- Start FeedBurner-->
<center>
<a href='http://feeds.feedburner.com/tublog'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/tublog?bg=088A4B&amp;fg=444444&amp;anim=1' style='border:0' width='80' float='right' margin-right='5px'/></a></center>
</div>
<!-- Iconos sociales End-->
<!-- Feedburner Chicklet Start-->
<!-- Seguidores de Twitter Start-->
<div style="background: #d2ebff; width: 280px; float: left; padding: 10px 15px 10px 5px; margin: 0px; border-bottom: 1px solid #f2f2f2;">
<a href="https://twitter.com/tublog" class="twitter-follow-button" data-show-count="true" data-size="large" data-dnt="true">Seguir @ayudadeblogger</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js?a4185c";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!-- Seguidores de Twitter End-->
<!-- Facebook Like Start-->
<div style='background: #d2ebff; width: 280px; float: left; padding: 10px; margin: 0 0 10px 0px; border-bottom: 1px solid #f2f2f2;'>
<div class='fb-like' data-href='https://www.facebook.com/tublog' data-send='true' data-show-faces='false' data-width='280'/>
</div>
<!-- Facebook Like End-->
<!-- Google plus Badge Start-->
<div style='background: #d2ebff; float: left; margin: 10px 0 10px 0px;'>
<div class="g-person" data-width="280" data-height="70" data-href="//plus.google.com/+tublog" data-layout="landscape" data-rel="author"></div>
</div>
<div style='background: #d2ebff; float: left; margin: 0 0 10px 0;'>
<div class="g-page" data-width="280" data-height="70" data-href="//plus.google.com/+tublog" data-layout="landscape" data-rel="publisher"></div>
</div>
<!-- Google plus Badge end-->
<!-- Start Email-->
<center>
<div class="tublog-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=tublog" class="ayudadeblogger-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tublog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="tublog" /><input name="loc" type="hidden" value="es_ES" /><input class="tublog-subscribe-box-email-field" name="email" autocomplete="off" onblur="if (this.value == '') {this.value = 'Ingrese su email';}" onfocus="if (this.value == 'Ingrese su email')
{this.value = '';}" value="Ingrese su email"/><input class="tublog-subscribe-box-email-button" title="" type="submit" value="Suscribir para recibir ayuda !" /></form></div>
</center></div>
<!-- Fin del Email-->

Bueno este método es lo mas fácil para hacer que tu blog tenga una caja de suscripción, ya que también lo puedes hacer desde la edición HTML de la parte del código fuente de la plantilla.

Hay partes donde tienes que cambiar muchas cosas, en la parte donde dice tublog tienes que cambiarlo por el enlace feedburner de tu web, así como también los enlaces de google plus, facebook twitter ... Espero que te haya sido de mucha ayuda.

Ya sabes como siempre puedes compartir nuestros artículos o simplemente escribirnos dentro de los comentarios para poder ayudarte.