sábado, 30 de agosto de 2014

martes, 26 de agosto de 2014

Templates Web


Templates Mobiles/Smartphone/Web:

Editor HTML

Fuente: http://ckeditor.com/
Descarga: http://ckeditor.com/download



Buscador - Ajax - PHP + MySQL

Fuente: http://codigojerry.blogspot.com.ar/2012/09/buscador-en-tiempo-real-con-ajax-php-y.html


Actualización (26/feb/2013)

Actualizaciòn al buscador. Para obtener el código completo y gratis de esta nueva versión, este es el link del repositorio en Github


Demo


Buscador realizado en HTML utilizando como lenguaje de programación PHP, la tecnología AJAX y a MySQL como motor de base de datos.


Explicación:

Antes que todo, para el ejemplo utilizamos una base de datos llamada database que contiene una sóla tabla llamada personas. Ésta tan sólo tiene dos campos: cod y nombre.

Tenemos el archivo conexion.php para conectarse a la base de datos:


<?php

function conexion(){

$con = mysql_connect("localhost","root","");

if (!$con){

die('Could not connect: ' . mysql_error());
}

mysql_select_db("database", $con);

return($con);

}

?>


El archivo buscajax.php es la vista de nuestra aplicacion donde creamos nuestro código html. En él incluimos la hojas de estilos y el código javascript que contiene la funcion ajax. El método onkeyup() ejecuta ésta funcion.

Archivo buscajax.php


<!DOCTYPE html>
<html>

<head><title>Buscador</title>

<script type="text/javascript" src="ajax.js"></script>
<link rel="stylesheet" type="text/css" href="estilos.css" />

</head>

<body>

<center>

<h1><b>Buscador AJAX - PHP - MySQL</b></h1>

Buscar <input type="text" id="bus" name="bus" onkeyup="loadXMLDoc()" required />

<div id="myDiv"></div>

</center>

</body>

</html>


El archivo ajax.js es un archivo javascript que contiene una función llamada loadXMLDoc(), ésta se activa cada vez que el usuario suelta una tecla del teclado.

El objetivo de esta función es capturar las letras que se ingresen en la caja de texto, almacenarlas en una varibale llamado q y con el método POST se procesen através del archivo proc.php.

Archivo ajax.js


function loadXMLDoc()
{
var xmlhttp;

var n=document.getElementById('bus').value;

if(n==''){
document.getElementById("myDiv").innerHTML="";
return;
}

if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","proc.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("q="+n);
}


El archivo proc.php contiene codigo php, lo que hace es capturar el valor que trae la variable q y utilizarla para hacer las consulta a la base de datos.

Por ejemplo si el valor de q es J, hacemos una consulta a la base de datos para que arroje sólo los nombres que empiezan con J y mostrar los resultados en el div con id: myDiv ubicado en el archivo buscajax.php.

Archivo proc.php


<?php

include 'conexion.php';

$q=$_POST[q];
$con=conexion();

$sql="select * from personas where nombre LIKE '".$q."%'";
$res=mysql_query($sql,$con);

if(mysql_num_rows($res)==0){

echo '<b>No hay sugerencias</b>';

}else{

echo '<b>Sugerencias:</b><br />';

while($fila=mysql_fetch_array($res)){

echo $fila['nombre'].'<br />';

}

}

?>


Por ultimo pero no menos importante el código css para darle un poco de estilo a la página.

Archivo estilos.css


div
{

margin-top: 10px;
border-style:dashed;
width: 500px;
height: 500px;
background-color:#F0FFF0;
text-align: left;
color:#00008B;
padding:10px 10px;
}

body{
color:#696969;
font-family:Arial,Helvetica,sans-serif;
}

lunes, 25 de agosto de 2014

inline-block


inline-block

Fuente: http://es.learnlayout.com/inline-block.html 

Puedes crear una cuadrícula de cajas que llene el navegador armoniosamente. Esto ha sido posible por mucho tiempo usando float, pero ahora con inline-block es aún más fácil. Veamos ejemplos con las dos opciones.

El método difícil (usando float)


.box {
  float: left;
  width: 200px;
  height: 100px;
  margin: 1em;
}
.after-box {
  clear: left;
}
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>
<div class="box">
¡Estoy flotando!
</div>







<div class="after-box"> Estoy usando clear para no flotar arriba de las cajas.
</div>

El método fácil (usando inline-block)

Puedes logar el mismo efecto usando display: inline-block;

.box2 {
  display: inline-block;
  width: 200px;
  height: 100px;
  margin: 1em;
}
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>
<div class="box2">
¡Soy inline block!
</div>







<div> En este caso no tengo que usar clear. ¡Bien!
</div>

Para soportar inline-block en IE6 y IE7 tendrás que trabajar extra. Algunas personas hablan de que inline-block desencadena algo llamado hasLayout, sin embargo, necesitarás saber eso solo si soportas viejos navegadores. Da click en el link anterior acerca de IE6 y IE7 si estás interesado en saber más. De lo contrario, continuemos con el siguiente tema.

domingo, 24 de agosto de 2014

Paginator, script para paginación con PHP y MySQL

Fuente :http://www.desarrolloweb.com/articulos/1733.php

Comentamos las características de un script para realizar paginación de resultados con PHP y MySQL. Gratuito y totalmente en español.
 
Paginator es un script de paginación desarrollado en PHP para dividir resultados de consultas extensas a una base de datos MySql, en grupos de "n" registros por página. Genera, además, una "barra de navegación" que contiene los enlaces a las diferentes páginas (<<anterior 1 2 3 4 siguiente>>).

Nota: Como ejemplo de paginación podemos ver la página de google, donde se dice que hay 13,235 resultados, pero aparecen divididos en varias páginas de 20 resultados cada una.

La característica principal de este script es su fácil utilización, ya que la forma de paginar es muy conocida y utilizada. Por ello, no es necesario entenderlo ni editarlo, sino simplemente incluirlo después de definir al menos una variable. No obstante, todas las líneas están comentadas debidamente, para que sea sencillo seguir la secuencia y saber qué hace el script en cada línea. Y lo mejor de todo es que está completamente en español.

Utilización del script

La utilización es extremadamente sencilla. Debemos Conectar con la Base de datos, definir una sentencia sql válida para MySql y almacenarla en la variable $_pagi_sql. Esta sentencia SQL no debe contener la cláusula "LIMIT", pues será agregada automáticamente por el script.

La definición de esta variable es obligatoria. Se pueden crear otras variables para personalizar el sistema de paginación en detalles como el número de resultados por página o el número de enlaces a otras páginas de resultados que aparecerán.

Luego, se incluye el script de paginación, y se generan otras variables que podemos utilizar para hacer la página de resultados. $_pagi_result es el id de resultado de la consulta, que podemos utilizar con alguna función tipo mysql_fetch_array(). $_pagi_navegación contiene la barra de navegación con enlaces a las distintas páginas y $_pagi_info almacena la información de registros visualizados y número de páginas, algo así como "desde el 16 hasta el 30 de un total de 123".

Vamos a ver un código sencillo que utiliza Paginator para gestionar la paginación de resultados.

//Conexión a la base de datos
$con = mysql_connect("localhost","tu_username","tu_password") or die (mysql_error());
mysql_select_db("tu_base",$con) or die (mysql_error());

//Sentencia sql (sin limit)
$_pagi_sql = "SELECT * FROM clientes WHERE sexo='m' ORDER BY edad";

//cantidad de resultados por página (opcional, por defecto 20)
$_pagi_cuantos = 10;

//Incluimos el script de paginación. Éste ya ejecuta la consulta automáticamente
include("paginator.inc.php");

//Leemos y escribimos los registros de la página actual
while($row = mysql_fetch_array($_pagi_result)){
    echo $row['nombre']."<br />";
}

//Incluimos la barra de navegación
echo"<p>".$_pagi_navegacion."</p>";
Como podemos ver, no hay mayor trabajo adicional, respecto al que se realizaría en un código sin paginar. Cabe aclarar que el nombre de las variables que utiliza el script (internas y externas) empiezan todas por el prefijo $_pagi_ para evitar conflictos por coincidencias con los nombres de otras variables que se estén utilizando.
Nota: El autor de este proyecto dejó de mantener la página de inicio, donde ofrecía una descripción más detallada del script, así como la descarga. Nosotros teníamos una copia del código PHP, que la hemos recuperado para aquellos interesados en implementar la paginación de resultados. El script ya tiene años, pero nosotros seguimos utilizándolo en alguna de las secciones de DesarrolloWeb.com sin problemas. Insistimos en que el script no es nuestro, sino de su autor, Jorge Pinedo Rosas. No hemos pedido permiso para ofrecerlo para descarga, pero esperamos que Jorge no le importe que lo pongamos a disposición de las personas por este canal. Puedes encontrar toda la información sobre la autoría, así como algunas notas para su implementación como comentario en el propio código PHP del script.
Para descargar el script de manera gratuita: http://www.desarrolloweb.com/articulos/ejemplos/paginator.inc.php.zip
Nota: Si quieres aprender a paginar resultados por tu cuenta, en DesarrolloWeb.com hemos publicado un artículo interesante que te puede venir bien: Paginación de resultados con PHP y MySQL.

jueves, 21 de agosto de 2014

15 Tips & Tricks Photoshop’s Layer Masks

15 Tips & Tricks for using Photoshop’s Layer Masks

 

Fuente: http://www.webresourcesdepot.com/15-tips-tricks-photoshop-layer-masks/

Selecting objects in Photoshop is comparable to any other difficult skillset like drawing or playing music. It can be excruciating at first, but once you understand what you’re doing it gets a whole lot easier. Layer masking offers great techniques for quickly rendering out any object from its background. If you want to build up your layer mask rendering skills take a look over some of these articles and tutorials ranging from beginner to intermediate topics.

PS CS6 Masking

youtube video tutorial masking cs6

Layer Mask & Quick Selection Tool

remove a background photo quick selection

Advanced Hair Selection

advance hair selection photoshop video tutorial

Selection with Brush Tool

quick selection brush tool photoshop tutorial

Selection with Channels

photoshop cs4 selections video tutorial

Beginner’s Guide to Masking

complete beginner guide to photoshop masking

Understanding Layer Masks

basics understanding layer masks photoshop

Clipping Masks Essentials

photoshop clipping mask essentials article

Selecting Hair with Refine Edge

refine edge tool selecting hair in photoshop

Masking out Difficult Images

masking difficult images photoshop howto

Layer Mask Tricks

common layer mask tricks in photoshop

Layer Masks and Clipping Masks

photoshop layer and clipping masks guide

PS Selection Techniques

comprehensive intro to photoshop selection tools

Everything About Masking

solving all problems about masking photoshop

Refine Edge for Improved Matching

refine edge tool photoshop improved masking techniques

 

Live Chat en PHP

 Live helper chat.com/

Fuente: http://livehelperchat.com/

 

 


PHP Lively


 Fuente: http://www.jpr.com.ar/phplively-soporte-online/


Es un sistema de soporte online con algunas diferencias y ventajas:
  • Comunicación bi-direccional. Un visitante puede abrir el chat al advertir su presencia on-line, y también un administrador puede abrir el chat a cualquier visitante que se encuentre navegando en el sitio.
  • Puede atender multiples dominios clientes desde un administrador centralizado.
  • Se encuentra optimizado para sitios de alto tráfico .
    • Solo necesita agregar un pequeño javascript para cada sitio.
    • Solo se abren conexiones cuando algún estado cambia.
    • El sistema de chat es muy eficiente y rápido utilizando archivos para la escritura de datos.
    • Lo mismo para la lectura, simplemente vuelca el contenido usando ajax.
  • Guarda el historial de conversaciones.
  • Muestra el estado del administrador 

Descargar / Download

Crear URL amigables paso a paso

Cómo crear URL amigables paso a paso

Fuente: http://sergioglez.webcindario.com/cargarArticulo.php?id=59

Cómo crear URL amigables paso a paso

por
Una parte fundamental e imprescindible de las técnicas SEO es la de generar URLs amigables. Estas nos permiten recordar más fácilmente una URL y, además, permiten a los spiders de google posicionarte mejor.

¿Que es una URL amigable?

Una URL amigable es aquella que detalla de forma precisa el contenido de la página y es perfectamente entendible para los ojos de un usuario inexperto. Pongamos un ejemplo:
Esto NO es una url amigable: www.tudominio.es/cargarNoticia.php?id=12
Esto SI es una URL amigable: www.tudominio.es/esta-es-una-noticia-de-prueba
Como podéis ver la diferencia es notable. Mientras que en la primera simplemente vemos cómo se llama a una página "cargarNoticias.php" y se le pasa un "id", en la segunda vemos como en la propia URL añadimos el título de la noticia "esto-es-una-noticia-de-prueba"
Como habréis intuido ya, es mucho mejor una URL del segundo tipo que del primero y google asi lo entiende.
Además es uno de los factores que más valora google a la hora de posicionar una página.

¿Cómo podemos generar URL amigables?

Para generar este tipo de URL amigables tenemos que hacerlo a través de un fichero llamado ".htaccess" que, mediante una serie de reglas y expresiones regulares, nos permite configurar los redireccionamiento o enmascaraciones de URLs adecuados.

Configurando mi servidor

Para que el fichero .htaccess funcione correctamente debemos asegurarnos que nuestro servidor APACHE tenga habilitado el modo de reescritura de URL. Para ello haremos lo siguiente:
1º Debemos tener activo el módulo mod_rewrite de apache. En el fichero "httpd.conf" deberíamos tener algo como esto: LoadModule rewrite_module modules/mod_rewrite.so . Aseguraros de que no esté comentado con #. Por lo general viene habilitado.
2º Debemos permitir la reescritura de URLs en el servidor. Para ello, en el mismo fichero "httpd.conf" deberíais tener algo como lo siguiente:

<Directory />
    Options FollowSymLinks
    AllowOverride All
    Order deny,allow
    Allow from all
    Satisfy all
</Directory>






Esta estructura suele venir aunque a veces viene con algunas líneas a "deny". Cambiadlas y ponedlas a "allow".
3º Por último debéis crear el fichero .htaccess en la raiz de vuestro proyecto. Fijaros que es un fichero sin extensión.
Con estas 3 simples pasos tendríais habilitadas las URL amigables y , ya, solo os quedaría generar las reglas de reescritura que vosotros queráis.

Ejemplos de .htaccess

A continuación, vamos a ver unos ejemplos simples pero que sin duda serán de los que más utilicéis ya que las URL amigables suelen ser siempre muy parecidas.
Dentro de vuestro fichero .htaccess debéis escribir lo siguiente:
Vamos a hacer que al escribir noticia/esto-es-una-noticia-de-prueba_13 nos mande a cargarNoticia.php?id=13 y se vea como noticia/esto-es-una-noticia-de-prueba_13
1
2
3
RewriteEngine On
RewriteRule ^noticia/(.+)_([0-9]+)$ cargarNoticia.php?id=$2

Vamos a hacer que al escribir noticia/esto-es-una-noticia-de-prueba te mande a cargarNoticia.php?id=esto-es-una-noticia-de-prueba y se ve producto/esto-es-una-noticia-de-prueba

1
2
3
RewriteEngine On
RewriteRule ^noticia/(.+)$ cargarNoticia.php?id=$1

Vamos a hacer que al escribir home.html te mande hola.html y se vea home.html
1
2
3
RewriteEngine On
RewriteRule ^home.html hola.html

Vamos a hacer que al escribir home.html te mande a http://www.google.com y se vea http://www.google.com
1
2
3
RewriteEngine On
redirectMatch 301 /home.html http://www.google.com

Vamos forzar a que tu dominio empiece por www, por ejemplo, si pones http://tudominio.com te redirecciona a http://www.tudominio.com
1
2
3
RewriteCond %{HTTP_HOST} ^tudominio.com [NC]
RewriteRule ^(.*)$ http://www.tudominio.com/$1 [L,R=301]

Espero que os sea de utilidad y, ya sabéis, las URLs amigables haran que vuestra web salga más arriba en los buscadores.

miércoles, 20 de agosto de 2014

Seguidores en Facebook 2

Seguidores en Facebook 2

10 Formas de Conseguir Más Fans para tu Página de Facebook

Fuente: http://davidcantone.com/facebook-fans/

En estos últimos meses, Facebook se ha convertido en una plataforma muy valiosa para mi marca.
Básicamente por dos razones: (1) Facebook es el sitio que más tráfico de referencia me manda al blog (como puedes ver en la imagen); y (2), me permite conectar con mis seguidores de una forma más directa y personal.

En otras palabras, me está ayudando a crear una comunidad alrededor de mi marca. Tú también puedes (debes) hacer lo mismo.
Esto no habría sido posible de no haber conseguido atraer un número considerable de seguidores a mi página de Facebook.
Este artículo trata básicamente de eso: diferentes formas de atraer fans a tu página que funcionan. Mi caso es prueba de ello.
Dicho esto y como ya debes saber, la cantidad no lo es todo en la vida y tampoco lo es en Facebook. En Facebook se aplica la siguiente fórmula. . .

Cantidad + Actividad = Resultados

Como expliqué en esta importante entrada hace unos días, no todas tus publicaciones en Facebook llegan a tus fans, por lo que tener muchos seguidores no implica necesariamente que obtengas buenos resultados.
Por ejemplo, una página con 1.000 fans puede proporcionar mejores resultados que una página con 10.000 fans según el grado de actividad de éstos con los contenidos que se publiquen.
Dicho lo cual, eso no quita que a más fans tengas mayor será, en principio, el alcance de tus comunicaciones en Facebook.
En otras palabras: sin fans no hay fiesta. Nadie que coma tus deliciosos canapés.
Una vez tengas fans deberás potenciar la interacción que éstos tengan con tus contenidos. Sólo así conseguirás los resultados deseados de tu actividad en Facebook.
Fórmula: Cantidad (de fans) + Actividad (de tus fans) = Resultados (para tu marca)
Hoy me voy a centrar en explicarte 10 formas de atraer fans a tu página de Facebook que funcionan. Veámoslas:
(Clica aquí para Ver Cómo Conseguir Más Fans en Facebook en Youtube)

1. Crea una landing page

Una landing page es una página de aterrizaje a la que mandas tráfico para que realicen una acción determinada, en este caso que cliquen el botón “me gusta” y así pasen a ser “fans” tuyos.
Sigue el enlace: Tutorial para Crear tu Propia Landing Page en Facebook
Es muy importante que la página que por defecto se muestre a las visitas sea la landing page, de lo contrario de poco te servirá tenerla si nadie la ve nada más aterrizar en tu página de Facebook.
La finalidad de esta landing page es facilitar que el nuevo visitante clique en el botón “me gusta” de tu página, eliminando cualquier distracción que pueda entorpecer tu objetivo.
Algunas páginas como incentivo para que el visitante realice la acción de darle a “me gusta” ofrecen un vídeo (o un ebook) de su interés a cambio. Esta es una muy buena opción que seguramente implementaré más adelante para mi landing page.

Una de las ventajas de seguir este acercamiento, de ofrecer un regalo a cambio del “me gusta”, es que consigue mejores conversiones de aquellos visitantes que provengan de la publicidad que hagas de tu página en Facebook. Ellos no te conocen y de no ser por el regalo no tendrían suficiente incentivo para darle a “me gusta”.
Pero no es necesario que te compliques mucho la vida si no quieres. .  .
Una landing page sencilla como la mía cumple de sobra con su objetivo: conseguir más conversiones (más gente dándole a “me gusta”).

Elementos básicos a incluir en tu landing page:
1- Descripción del contenido de la página. Tienes que responder en pocas palabras de qué tratan los contenidos que en ella compartes.
2- La llamada a la acción para que el visitante clique en el botón “me gusta”. Incluye una imagen del botón tal y como yo hago para hacerlo más evidente. Debajo te dejo el botón para que lo puedas utilizar en tu landing page (descárgala haciendo ctrl+clic > guardar imagen como…).
Boton Facebook
3- La flecha que se inicie desde la llamada a la acción (Clica en el botón) y apunte al botón que hay encima de la página. Haz que la flecha apunte justo donde se encuentre el botón “me gusta” que han de clicar las visitas.
4- Una imagen de ti o del logo de tu empresa. Esto dependerá de si la página es de una persona (como es mi caso) o de una empresa.
5- Prueba social. Demuestra de alguna forma el valor de seguirte. Por ejemplo, yo he puesto que tengo +65.000 lectores mensuales y +11.000 followers. Otros, como Adam Baker de ManVSDebt, en cambio, muestran los logos de los medios en los que han sido mencionados. Lo que sea (siempre que sea verdad) que te otorgue cierta credibilidad ante el visitante primerizo.

Cuando tengas lista tu landing page compártela aquí y de paso mira qué cosas han hecho los demás.

2. Conecta tu blog con la página de Facebook

Tu blog es el sitio ideal para captar fans para tu página de Facebook.
El blog atrae grandes cantidades de visitas y como ya te conocen, porque han visto los contenidos que compartes, están más predispuestas a seguirte también en Facebook.
La idea es que se lo pongas muy fácil al visitante para que te siga en Facebook. Para ello, te recomiendo que uses las tres opciones que aquí te comento:

Botón “me gusta” directamente clicable

Este botón tiene la ventaja que es directamente clicable, lo que supone que tus visitas cuando cliquen en el botón desde tu blog se harán automáticamente fans de tu página de Facebook.
Es importante que la URL que pongas en el recuadro “URL to like” sea la de tu página de Facebook (y no la de tu blog). Además, es importante que la página a mostrar por defecto a los no fans sea la landing page que has creado. Mira aquí cómo hacerlo. Otra cosa, yo sacaría el botón sencillo, sin marcar la casilla “send button”.

¿Dónde lo coloco? En un lugar en el que el botón se detecte a simple vista. Por ejemplo, arriba de todo del blog, encima de la cabecera, o bien arriba de todo de la sidebar.
Sigue el enlace para sacar tu propio botón “me gusta”.

Botón conecta de Facebook

Este es el típico botón en el que muestras el logo de Facebook. Cuando las visitas lo clican los mandas a tu página de Facebook (recuerda que debe aparecer tu landing page) y una vez ahí las visitas deciden si clican en “me gusta” o simplemente navegan por tu página.

Este botón es menos efectivo que el botón directamente clicable pero no está de más tenerlo.
Incluso, para hacerlo más evidente, puedes colocar una palabra o frase como “Conecta conmigo” y una flecha que apunte a los botones de tus redes sociales.
¿Dónde lo coloco? Igual que antes, arriba de la cabecera del blog o arriba de la sidebar. Si en la sidebar tienes el botón directamente clicable éste otro botón (junto al resto de botones de tus redes sociales) lo puedes colocar arriba del todo del blog, para no saturar.
También lo puedes colocar, además de en esos sitios, en el footer del blog. No es ni por asomo tan efectivo como colocarlo arriba del blog pero sigo siendo útil y no está de más. Hay gente que sigue bajando hasta el pie de la página para buscar las opciones de contacto con el blogger.

Like Box de Facebook

Esta cajita se ha vuelto imprescindible.
Su función es doble: (1) facilita que las visitas te sigan en Facebook directamente clicando el botón “me gusta” que muestra; y (2), muestra las imágenes y los nombres de personas reales que ya te siguen, lo cual da confianza al visitante y le incita a unirse a la comunidad que se ha formado alrededor de tu marca.
Además, si tienes muchos “fans” te otorga prueba social. Gracias a ello, cuantos más fans tengas más fácil te será atraer nuevos fans.
¿Cómo debe ser? Mi recomendación es que no muestres el stream y que contenga 2 filas que muestren 5 fans cada una (un total de 10). Tal y como te muestro en la imagen.

¿Dónde la coloco? No la puedes poner arriba en la sidebar porque ya has colocado uno de los botones que arriba he comentado. Mi recomendación es que la pongas en la parte inferior de la sidebar. Las visitas cuando lean tus contenidos la verán. Fíjate dónde la tengo yo colocada.
Sigue el enlace para conseguir tu like box

De la página de Contacto a Facebook

En la página de contacto de tu blog puedes pedir que, en vez de mandarte un email, te manden un mensaje rápido a tu página de Facebook.
Así, no sólo aligeras tu bandeja de entrada sino que además atraes seguidores para tu página de Facebook.
Lo mejor de todo es que éstos además dejarán comentarios en tu muro. Gracias a ello, aumentará la afinidad que tienen con tu página y, por si esto fuera poco, te permitirá conversar con ellos públicamente. Es decir, generarás nueva actividad en el muro y aumentarás tu prueba social.

3. Conecta tu Newsletter con tu página de Facebook

Puede que muchos suscriptores de tu newsletter no te estén siguiendo en Facebook. No por nada en especial, simplemente no se les ocurrió hacerlo.
Ponle remedio pidiéndoles expresamente que te sigan en Facebook.
Tienes 2 opciones:

Mensaje suelto

Mandas un mensaje suelto a todos los suscriptores que tengas en ese momento, en AWeber esto recibe el nombre de broadcast message. En este mensaje les informas de que tienes una página de Facebook y de su contenido y les pides que te sigan ahí también. Acuérdate de dejar el enlace.
El inconveniente es que a medida que tengas más suscriptores no podrás volver a mandar este mensaje, sin importunar a los suscriptores que ya lo recibieron tiempo atrás.
Es por eso que yo recomiendo (y aplico) la segunda opción.

Mensaje de bienvenida

En el mensaje de bienvenida (primer mensaje que mandas a todos los nuevos suscriptores) les pides que te sigan también en Facebook. Accede ahora a mi newsletter para ver exactamente cómo lo hago.

¿Aún no tienes una Newsletter? Clica aquí: Tutorial para Crear tu Newsletter Hoy Mismo

4. Haz referencia en tus vídeos de Youtube a tu página de Facebook

Cuando publiques un vídeo en Youtube menciona de voz y de forma gráfica la URL de tu página de Facebook y pídeles a los que estén viendo el vídeo que te sigan y conecten contigo ahí. Esto se acostumbra a hacer al final del vídeo.
Esto mismo lo puedes hacer en tus podcasts. Menciona tu página de Facebook y pide a los oyentes que te sigan ahí.
Para que esto resulte es importante que la URL de tu página de Facebook sea fácil de recordar.
Puedes personalizar la URL de tu página aquí: http://www.facebook.com/username/

5. Manda tráfico a una publicación tuya en Facebook

Cuando publiques un contenido en Facebook de forma exclusiva y pretendas la participación (comentarios, shares y “me gusta”) de cuanta más gente mejor es buena idea mandarle tráfico de otros sitios.
Una publicación que se presta a compartirla más allá de Facebook es, por ejemplo, una encuesta. Aunque en verdad puedes hacerlo con cualquier publicación que incite a la participación.
Cuanta más gente participe mayor será el alcance que tendrá tu mensaje y más “fans” podrás atraer para tu página.
Ese tráfico puede provenir de un enlace que mandes a través de tus redes sociales (Twitter, G+, etc.) o incluso de un enlace que dejes en un post de tu blog, justo como he hecho yo al final del punto 1 de este artículo.

Para obtener la URL de una publicación concreta hecha en Facebook simplemente clica en el enlace que te muestra cuando se publicó el mensaje (ej: Ayer a las 17:20), tal y como te muestro en la imagen.

No abuses de este recurso. Utilízalo sólo en publicaciones que requieran de verdad la participación de la gente.

6. Enlaza en tus firmas (foros – emails) tu página de Facebook

¿Sueles participar en foros? Entonces coloca en la firma un texto enlazado que anime a la gente a conectar contigo en Facebook.
Para poner el texto enlazado simplemente utiliza este código HTML:
<a href=”http://www.facebook.com/ilcantone”> Conecta conmigo en Facebook</a>
¿Mandas muchos emails? Entonces haz lo mismo en la firma de tu email.

7. Publica un anuncio en Facebook de tu página de FB

Si no te importa rascarte el bolsillo una forma fácil y rápida de conseguir nuevos fans es anunciando tu página de FB en Facebook.
Para ello simplemente clica donde pone “promocionar con un anuncio” y rellena los campos que te piden.

Asegúrate que la página de destino es tu página de Facebook (y no tu blog), concretamente la pestaña en la que tengas la landing page.
Cuando el anuncio es de una página no se puede cambiar el título de éste. Ahora bien, sí que te permiten personalizar el texto que le sigue y añadir la imagen que quieras. Es aquí cuando hay que poner el cerebro a pensar.
El texto debe de incitar a alguien que no te conoce a darle a “me gusta” directamente desde el anuncio. Esta es una de las razones de que sea tan interesante ofrecer un regalo (un vídeo o un ebook) a cambio de que el visitante se haga fan tuyo.
Antes de crear tu anuncio mírate bien las normas de publicidad de Facebook, con especial detenimiento en el apartado dedicado a la precisión del anuncio.
Para más información sobre el uso de anuncios para promover tu página sigue el enlace.
Crea diferentes versiones de tus anuncios, haz pruebas hasta que obtengas el anuncio que mejor convierta.
Actualiza tus anuncios con regularidad, de lo contrario tu ratio de conversión decaerá con el tiempo.

8. Escribe un artículo en tu blog

Una forma sencilla y efectiva de conseguir nuevos fans es publicando un post en tu blog en el que pidas a tu audiencia que te sigan en Facebook.
La publicación de posts es posiblemente la mejor forma que tienes de generar tráfico. ¿Por qué no sacarle partido?
Seguramente ahora mismo hay muchos lectores recurrentes de tu blog que no son fans de tu página de Facebook. No por nada en particular, simplemente no han caído en ello.
Si se lo pides de forma expresa en un post conseguirás que muchos de ellos te sigan. Te conocen, aprecian tus contenidos y, por ello, querrán mostrarte su apoyo.
No tiene que ser un post largo. Simplemente explicas claramente las razones por las que deberían también seguirte en Facebook y directamente se lo pides.
Deja claro qué es lo que ganan ellos si se hacen fans (contenidos exclusivos, contacto directo y rápido contigo, comunidad, promos y sorteos exclusivos, etc.). Luego simplemente diles que necesitas su apoyo.
El incentivo sería mayor si a cambio de su “me gusta” le revelaras un vídeo sólo para fans o bien le regalaras un ebook de su interés, como ya he explicado en el punto 1.
Además, sería recomendable que en el mismo post incluyeras una llamada a la acción seguida del botón “me gusta” que apunte a tu página de Facebook (explicado en el punto 2).
Por ejemplo > Dale ahora al botón “me gusta” para unirte a la comunidad:
Necesito tu apoyo. Gracias! (PD: va en serio únete si aún no lo has hecho).

Llamamiento en tus mejores posts

Otra buena opción es que en algunos de tus mejores posts, al final del artículo, les pidas a los lectores que te sigan en Facebook. Si les ha gustado la entrada es probable que decidan hacerse fans tuyos para saber de tus contenidos en Facebook.
Lo mismo que antes, enlaza a tu página de Facebook (siendo la landing page la pestaña determinada) y añade la llamada a la acción y el botón “me gusta” directamente clicable.
Ponlo fácil.

9. Genera actividad entre tus fans y tus contenidos

Cuanta más actividad generes de tus fans con los contenidos que compartes en Facebook más probabilidades tendrás de atraer nuevos fans a tu causa.
Dicho en pocas palabras: necesitas cuanta más interacción (comentarios, shares, “me gusta”) con tus contenidos mejor.
Este tema por sí solo merece un artículo dedicado. Lo publicaré más adelante.
Mientras tanto, puedes empezar por aquí: 13 consejos para optimizar tu estrategia de comunicación en Facebook (ver al final de la entrada).

10. Y por último y lo más importante de todo …

La calidad de los contenidos es clave para que te sigan.
Si aportas valor a las personas éstas no dudarán en hacerse fans de tu marca.
Es por eso que tanto lo que compartas en tu blog como lo que compartas en tu página de Facebook debe siempre aportar valor.
Espero que esta entrada te haya aportado valor. De ser así, por favor compártela en Facebook dándole a “me gusta” con el botón de abajo. Por cierto: únete ahora y dime Hola en mi Página de Facebook. Gracias por el apoyo!

Seguidores en Facebook 1

Seguidores en Facebook 1

¿Cómo conseguir y/o aumentar seguidores para tu Página de Fans en Facebook

 Fuente: https://www.facebook.com/notes/conseguir-15000-fans/c%C3%B3mo-conseguir-yo-aumentar-seguidores-para-tu-p%C3%A1gina-de-fans-en-facebook/261055823993230



Alguna vez te has preguntado ¿Cómo conseguir y/o aumentar seguidores para tu Página de Fans en Facebook? Hay un buen número de personas que la única forma que conocen es invitando a los contactos de su perfil personal de Facebook. Afortunadamente existen muchas otras maneras de conseguir seguidores para tu página de fans en Facebook.
Antes de continuar, quiero que veas este vídeo que te ayudará a entender lo que significa un fan.
.
Cuando creas y publicas una página de fans en Facebook, empiezas con la ilusión de conseguir miles de fans para tu página. Sin embargo nos encontramos con que no es tan fácil como se cree, y sabemos que tampoco vendrán por sí solos los fans, ni aparecerán de forma mágica. Además vemos otras páginas que tienen miles de seguidores y nos preguntamos por la fórmula mágica que utilizan para obtener esas cantidades ingentes de seguidores o fans.
Además visto el éxito mundial de Facebook, ha provocado que las empresas se hayan lanzado a la búsqueda de clientes creando perfiles personales, páginas y grupos de su marca, productos o servicios sin planificar, en muchos casos, los objetivos que quieren conseguir ni definir la estrategia que van a seguir..
Afortunadamente existen muchas formas de conseguir seguidores para tu página de fans en Facebook, y a continuación te revelaré cuales son:.
1. Invita a los contactos de tu perfil personal
Por algún lugar hay que empezar y la manera más sencilla y eficaz es invitando a tus amigos de Facebook. Es cierto que quizá tu página no sea de su interés, pero tus mensajes aparecerán en su muro y los amigos de tus amigos se pueden interesar en tu pagina en facebook. Así es que primero conversa con tus amigos y diles el motivo de tu página y porque necesitas de ellos en su lanzamiento.
2. Incluye la caja de Fans en tu sitio web y/o blog
Muestra la caja de fans en Facebook en tu sitio web y/o blog, esta es una estrategia que no puedes dejar de utilizar, ya que estas utilizando tu sitio web para para capturar la atencion de tus visitantes en Facebook, ademas ya que muestra un resumen de la actividad de tu página en Facebook y además muestra los fans que tiene conexiones con el visitante, asi los animas a hacerse fan de tu pagina. En resumen, añadiendo este widget en tu sitio web o blog, incentivas a que tus visitantes visiten tu página de fans y si les gusta se harán fans con seguridad. De esta manera la gente encontrará tu pagina de fans de manera naturalmente.
No dejes de utilizar esta estrategia, es de vital importancia para que crezca  tu comunidad.
3. Invita a tu base de suscriptores por email
Si tienes un negocio con presencia en internet, una de las armas fundamentales es tener una base de suscriptores por email. Si esta gente se interesó en tu negocio, estoy seguro que también estarán muy interesados en seguirte en Facebook. Crea una campaña de email para comunicar la existencia de tu página de fans en Facebook,   y así incrementar tus fans de manera exponencial. Pero siempre hazlo con un motivo, regala un reporte, un eBook, un cupón de descuento, etc. asi los incentivarás y aumentará el numero de seguidores en tu pagina.
4. Utiliza los vídeos de Facebook
El uso de vídeos ocupan en este momento el segundo lugar después de Google, si a esto le sumamos la viralidad de las redes sociales, estamos ante un arma potencialmente poderosa para conseguir seguidores para tu página de fans. Entonces, si incluyes en tu sitio web y/o blog, algún vídeo subido en Facebook, aparecerá un enlace que sugerirá a los visitantes a hacerse fan de tu página. Así es que no dudes  en utilizar Facebook para levantar tus vídeos y generar un gran crecimiento en el número de seguidores de tu página de fans. Esta es una estrategia que pocos conocen y a da muy buenos resultados, asi es que no te olvides hacer al menos cuatro vídeos al mes.
5. Utiliza los anuncios de Facebook
Facebook Ads es una excelente plataforma de publicidad, que te ayudará a segmentar tu público objetivo por edad, ubicación, estudios, temas de interés, etcétera. Es un método rápido y sencillo de conseguir seguidores, pero con una inversión monetaria. Recuerda siempre analizar cuales son las palabras clave con la que te pueden buscar y desarrollar una campaña con ellas.
6. Crea una Landing Page con iFrames
Cada vez que algún visitante llegue a tu página ya sea por publicidad (Facebook Ads) o porque lo conocieron por la viralidad de la red social, debe aterrizar en una Landing Page que llame a la acciónde hacerse fan para conseguir un regalo,  un libro, un vídeo, un podcast, un mini-curso, etcétera. NUNCA JAMAS dejes de utilizar esta estrategia que a mí particularmente me ha funcionado de forma extraordinaria.
7. Conecta tu página de fans con Twitter
Según mi experiencia Twitter es hoy por hoy la mejor plataforma para compartir contenido especializado. Te recomiendo que conectes tu página de fans en Facebook con tu cuenta en Twitter, y de este modo llevarás a tus seguidores de Twitter a tu página de Facebook para que también se hagan fans. Una sinergia entre ambas es un perfecto camino para conseguir un mayor número de fans.
8. Integra los comentarios de Facebook en tu sitio web o blog
Recuerda que la participación es la base de las redes sociales, y debes de otorgar la herramientas sencillas para que tus visitantes lo hagan. Así pues, cuando algún usuario comente algún contenido de tu pagina, sitio web o blog, estos aparecerán en su muro y será visible para todos sus amigos y dará la opción de que estos también decidan hacerse fan de tu página en Facebook.
9. Fomenta la conversación
Es imprescindible que no sólo traslades tus contenidos a Facebook, sino que plantees debates y preguntas a tus seguidores para conocer su opinión en determinados temas. La participación del visitante en Facebook debe ser una tarea obligada, sino les puede quedar la sensación de estar hablando con una «pared».
10. Muestra tu página fuera de Facebook
¿Que quiero decir con esto? Pues que pongas tu enlace a tu pagina de facebook (http://www.facebook.com/conseguir15000fans) en la firma de tu correos, en tus tarjetas de presentación, en tu papeleria, en tu coche, en tu negocio, si es posible hasta en tu casa. Este refuerzo te ayudará también a promocionar tu pagina fuera de facebook y en el mundo offline.
11. Añade el enlace de tu página de fans en tu perfil personal
En tu perfil personal en Facebook, Tuenti, Twitter y demás redes sociales en las que estes, en la pestaña información añade el enlace hacia tu página de fans en Facebook.  Lograrás una gran cantidad de amigos que se volverán fans.
La regla de oro: dota a tu página de Facebook de contenido interesante y actualizado con cierta frecuencia. Escribe sobre temas relevantes a tu actividad y comparte vídeos, links, noticias, posts de otros blogs relacionados. A mayor contenido, mayor probabilidad de atraer nuevos seguidores. Otra forma de conseguir contenido es importar el feed de tu blog, con lo que la página de Facebook se irá actualizando con las entradas de tu blog.
Finalmente, si no crees que funcionan estos consejos, te reto a ir ahora mismo a mi pagina de Facebook http://www.www.facebook.com/conseguir15000fans y toma nota cuantos fans tengo en este momento, y luego vuelve mañana y toma nota del número de fans conseguidos en ese lapso, y vuelve 7 días después y ve cuantos seguidores nuevos tengo en mi pagina de facebook en 1 semana, estoy seguro que te sorprenderá el número de seguidores que ha aumentado y si quieres lograr lo mismo en tu Pagina en Facebook, lo único que tienes que hacer es inscribirte en mi curso http://www.conseguir15000fans.com  donde explico paso a paso en Vídeo y resumido en pdf todas las estrategias para hacer de tu Pagina en Facebook un Éxito. COMPROBADO! =)
Luego de ver este incremento, coméntamelo en mi pagina, y dime si realmente te sorprendió o no, y si tienes alguna pregunta estaré atento a ayudarte =)
Espero que te haya gustado este artículo, y si te gustó compártelo con tus amigos y contactos en Facebook, Twitter o LinkedIn y tambien siéntete libre de compartir tu opinión en un comentario, y si tienes alguna duda y/o pregunta házmela en mi pagina de facebook y en el menor tiempo posible te responderé.  ;-)   Un fuerte abrazo…