Búsqueda personalizada

29 abr 2014

Poner comentarios de facebook en tu blog de Blogger


Si quieres añadir comentarios de facebook a tu blog de Blogger, es muy sencillo, sólo tienes que seguir los pasos de más abajo.

Primero, para saber si es lo que estás buscando, puedes mirar el ejemplo de su uso en este blog:

concienciandoalmundo.blogspot.com.es
(Los comentarios de facebook están al final del post, justo arriba de los comentarios normales de blogger)

Ahora sí, vamos a implementarlo nosotros.

Vamos al panel de control de nuestro blog, a la pestaña plantilla, y al botón de "Editar HTML"

Ahora, dando un click dentro del código, pulsamos control+F y nos saldrá un cuadrado en blanco más o menos como el de la imagen. Pero sin nada escrito.


Ahora, en ese cuadrado buscamos la etiqueda <body> y justo debajo copiamos el siguiente código:

<!-- comentarios de facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/es_LA/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<!-- fin comentarios facebook -->

Ahora, igual que antes, vamos a buscar

<b:include data='post' name='comments'/>
          </b:if>
        </b:if>

Cuando lo encontremos, justo debajo copiamos el siguiente código:

<!-- comentarios de facebook -->
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fb:comments expr:href='data:post.url' num_posts='10' width='520'/>
  </b:if></div>
<!-- fin comentarios de facebook -->

Le damos al botón naranja de "Guardar plantilla" y ya podemos comprobar si nos ha funcionado.

Tiene que quedar algo así:



Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

27 abr 2014

Efecto lupa con Jquery

Si quieres un efecto lupa en alguna parte de tu web, aquí tienes uno de los maravillosos efectos de Jquery para poder conseguir esto:


Aquí la página de DEMO:



Enlace: EFECTO LUPA

Descargar EFECTO LUPA: DESCARGAR

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

26 abr 2014

Foro en PHP - Nivel avanzado

Aquí os voy a dejar los archivos necesarios para crear un foro desde cero en PHP.

Incluye el archivo sql, para crear las tablas de base de datos, el archivo de conexión y todos los archivos necesarios, una vez instalados sólo hay que añadirle CSS para darle los estilos al gusto.



Enlace: Foro en PHP

Os voy a dejar un pantallazo de como queda el foro tal cual está en lo archivos, con un usuario, un foro y un hilo creado de ejemplo.

Como he dicho antes, estos archivos funcionan a la perfección. Sólo hay que aplicarles estilos.

¡Espero que os sirva! Un saludo

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

25 abr 2014

Buscador Ajax - Buscador automático PHP

Hoy vamos a ver como programar un buscador tipo como el de Google con Ajax (utilizando PHP).

Es el tipo de buscador, que según vamos escribiendo lo que estamos buscando va mostrando los resultados coincidentes.

Vamos a ello.

Para empezar vamos a tener una página donde se encontrará el buscador, que tendrá los siguientes códigos:


<!-- codigo html de arriba -->
<!-- script para la busqueda con ajax -->
<script type="text/javascript">
$(document).ready(function() {
 $("#parametro").keydown( //Evento de presionar una tecla en el campo cuyo id sea "parametro"
  function(event)
  {
var param = $("#parametro").attr("value"); //Se obtiene el valor del campo de texto
$("#resultado").load('../funciones/buscarcliente.php',{parametro:param}); //Y se envía por vía post al archivo buscarcliente.php para luego recargar el div con el resultado obtenido
  }
 );
});
$(document).ready(function() {
 $("#parametro").keyup( //Evento de soltar una tecla en el campo cuyo id sea "parametro"
  function(event)
  {
var param = $("#parametro").attr("value"); //Se obtiene el valor del campo de texto
$("#resultado").load('../funciones/buscarcliente.php',{parametro:param}); //Y se envía por vía post al archivo buscarcliente.php para luego recargar el div con el resultado obtenido
  }
 );
});
</script>
<!-- fin script de busqueda -->
<!--formulario donde estará solo el input de busqueda (sin submit)-->
    <form method="POST"> 
        <label>Nombre o Empresa</label>
        <input name="parametro" id="parametro" type="text" />
    </form>
<!-- fin de formulario -->
<!-- capa o sitio donde se irá mostrando los resultados -->
<div id="resultado"></div>
<!-- fin resultados -->

Y aquí el código de buscarcliente.php

<?php
include ("bd.php");
$link = Conectarse();
mysql_query("SET NAMES 'utf8'");

        $result;
        if(isset($_POST['parametro']))
        {
                $parametro=trim($_POST['parametro']);
                if($parametro!="")
                {
                        $result = mysql_query("SELECT * FROM cliente WHERE nombre LIKE '%$parametro%' or empresa LIKE '%$parametro%';");
                        $resultados = array();
                        while ($row_errs = mysql_fetch_array($result)) 
                        { 
                                $resultados[]= $row_errs; 
                        }
                        ?>
<div class="side_border">
                        <?php
                        foreach($resultados as $post):
                                ?>
<li class="black"><a href="clientes.php?idcliente=<?php echo $post[0]; ?>"><?php echo $post[1]; ?> 
<?php if ($post[8]!=""){  echo ": ".$post[8]; }?></a></li>                               
                                <?php
                        endforeach;
                        ?>
                        </div>
                        <?php
                }
        }
?>

En mi caso práctico me quedó algo así:




Ahora sólo tienes que adaptar el código a lo que tu quieras mostrar, tu tabla en la base de datos y tu estructura de archivos.

¡Espero que os sirva! ¡Un saludo!


Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

16 abr 2014

Autoblogging Software - Publicar artículos automáticamente en Blogger o Wordpress

¡Buenos días!

Hoy os voy a hablar del Auto Blogging Software. ¿Sabéis ya lo que es?

Para los que no lo sepan o no lo conozcan, es un programa que te permite publicar en tu blog de Blogger o de Wordpress de forma automática, que una vez esté configurado el programa, sólo tienes que mirar de vez en cuando cómo va publicando sólo los artículos cogidos de otras páginas y mirar como crecen tus ganancias. (Eso dicen)

autoblogging software

Consiste en elegir uno (o varios) de tus blogs, y poner cada cuantos minutos quieres que publique un artículo (15 minutos, 30, 120...) e indicarle de que feed o rss de qué página quieres que coja dichos artículos.
Tiene integrado un traductor, por si quieres cojer un feed de una página en Inglés, y te lo publica ya traducido. O si quieres coger una en español, pero al "traducirlo" cambia las palabras a otros sinónimos para que sea contenido original y no se detecte como copiado.

Ayer lo estuve probando en uno de mis blogs de prueba. Y el resultado no me gustó mucho, ya que las tildes y caracteres "extraños" los coloca con un simbolito. Véase la imagen.


Yo ya lo he probado y he decidido que no me gusta. Además del tema ético (y polémico) de copiar contenido.

Aquí os dejo los enlaces donde lo podéis descargar y probar:

Enlace del autor: http://webmagnates.org/
Enlace para descargar:  https://mega.co.nz/

¿Lo conocías? ¿Lo has probado ya? ¿Qué opinión te merece?

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

14 abr 2014

Google a través del tiempo

Google en el tiempo

Todas las personas que usamos Internet, conocemos la empresa Google. Incluso las personas que no lo suelen usar o no lo usan, diría yo que prácticamente todas, también la conocen.

Hoy en día Google está presente en nuestras vidas en mayor o menor medida, todos usamos su gran producto... el buscador de Google, ese maravilloso proyecto que programaron hace ya algunos buenos años, que empezamos a usar en aquellos ordenadores tan grandes, y tan lentos, hasta hoy, que es el número uno de buscadores, y que tiene gran variedad de productos casi tan importantes como este, como puede ser Android (número uno en la cuota de mercado de sistemas operativos móviles), Youtube, Google Chrome (el navegador), Gmail, Google Translate, Blogger... en fin, si nos ponemos a enumerar los productos de Google, no terminamos.

Mi pensamiento de hoy era mostraros la página de Google a través de los años, desde que lo usamos por primera vez y que no dimos gran importancia hasta el día de hoy.

Para empezar vamos a ver el primer servidor que tuve Google, que es digno de ver:


Y ahora sí, la evolución de la página inicial de Google a través de los años. (Las que he podido conseguir)

1999

google 1991

2000

google 2000
2001

google 2001


2002

google 2002

2003

google 2003

2004

google 2004

2005

google 2005

2006

google 2006




2007

google 2007

2008

google 2008

2009

google 2009

2010

google 2010

2011

google 2011


2012

google 2012

2013

google 2013

2014

google 2014


Hasta aquí el recopilatorio.

La verdad es que Google es algo que me asombra cada día. Y aunque me da miedo de a donde puede llegar esta gran empresa, y hasta donde puede en un futuro depender nuestras vidas de ella, cierto es que Internet y gran parte de la vida de como hoy la conocemos hubiese sido muy difirente sin Google.

Y tú, ¿qué opinas sobre la evolución y sobre Google en general?

Si te gustó no olvides ayudarme a seguir creciendo compartiéndolo en tus redes sociales favoritas. ¡Gracias!

13 abr 2014

Mis visitas están bajando - Otros

las visitas de mi página estan bajando

¿Tus visitas están bajando estos días?

No te preocupes, es NORMAL. En época de fiestas, vacaciones y similares, es totalmente normal que las visitas bajen, ya que la gente se suele ir a la calle o a estar con la familia, y el tiempo que se le dedica a estar navegando por Internet se reduce drasticamente, con lo cual, las visitas de todos los sitios web bajan en mayor o menor medida.

Sólo te tienes que preocupar, si después de que pasen las fiestas y pasen un par de días de tregua, tus visitas no vuelven a la normalidad.

También es un punto a resaltar que esta bajada de visitas a las páginas también varía según la temática.

Por ejemplo, si la temática de tu blog o página web, va de calendarios de semana santa, o de ofertas de semana santa para hoteles o cosas parecidas, de forma natural, en estas fechas se incrementarán.

¿Te ha bajado las visitas últimamente a ti también? ¡Cuéntanoslo!

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

10 abr 2014

Nueva interfaz en twitter - Noticias

nueva apariencia de twitter


Parece que Twitter ha copiado la apariencia de Facebook. 

Así es el nuevo interfaz de Twitter. Lo vemos en el perfil de Michelle Obama. Han agrandado la foto de portada, han puesto a la izquierda la foto de perfil, y han estructurado la web en 3 columnas, pareciendose a Facebook.

Twitter, que de forma inicial era como una red de microblogs, cada vez se está transformando más en una gran red social.

Como en otras ocasiones ha ocurrido, están incorporando este nuevo diseño poco a poco y gradualmente entre los usuarios.

¿Qué te parece este nuevo diseño? ¿Cuál te gustaba más?

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

¿Cómo saber que te están copiando contenido de tu página o blog?

copiar contenido blog
¿Sospechas o sabes que te están copiando el contenido de tu blog o de tu página? ¿Te preocupa que te puedan estar copiando?

Pues si quieres saber cuales son las páginas que te están copiando, aquí va una herramienta muy útil para averiguarlo.

como saber si te copian el contenido

La página en cuestión se llama www.plagium.com.

También leí por ahi, que como venganza a los que te copian, puedes poner de forma infiltrada una imagen transparente, un gif o un png, muy chiquitito, casi minusculo. Así cuando copien tu contenido, copiaran también la imagen. Y después cuando pase un tiempo, reemplazar la imagen por otra bien grande con el mismo nombre con lo que quieras que te muestre en plan "ESTE CAZURRO ME ESTA COPIANDO EL BLOG. mipaginaweb.com". Y le aparesca de repente una imagen en grande en su página con lo que tu le hayas puesto.

Tiene que estar gracioso.

¿Sospechas que te copian el contenido? ¿Qué haces para evitarlo? ¿Qué opinas al respecto?


Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

Crear y destruir sesiones en PHP

Vamos a explicar de forma fácil y breve como va esto de las sesiones en php.

$_SESSION no es más que un array asociativo donde almacenar información (por ejemplo la del usuario que ha hecho login) que está disponible a lo largo de todas las páginas en la que es llamada.

Vamos a ver como sería un archivo sencillo donde controlar las sesiones:


<?php
//funciones de sesiones

session_start(); //puesto que la sesión ya está iniciada, no hará nada

function crearSesion($id,$usuario){
$_SESSION['id']=$id;
$_SESSION['usuario']=$usuario;
}

if(isset($_GET['salir'])){
session_unset($_SESSION['id']); //liberarán las variables de sesión registradas, en el ejemplo liberamos dos variables de sesión
session_unset($_SESSION['cargo']);
session_destroy(); //libera la sesión actual, elimina cualquier dato de la sesión.
echo '<SCRIPT LANGUAGE="javascript">
location.href = "index.php";
</SCRIPT>';
}
?>

Lo ideal sería poner este código en un archivo aparte llamado session.php, o como queramos. Y desde las otras páginas hacer un include('session.php');

Si hacemos este include, ya no tenemos que poner en cada página el session_start(); ya que se estará llamando en todas las que esté el include, si no lo usamos de esta forma tendremos que iniciar o restaurar las sesiones en cada página.

Si queremos crear una sesión para el login, no hay más que cuando se manden los datos del formulario a comprobar si ese usuario tiene permisos para entrar porque esté registrado, al final del código pues hacemos una llamada a crearSesion($id,$usuario); con los datos obtenidos de las consultas para verificar y usamos las variables que queramos, no tiene porque ser el id y el usuario.

Y para salir de la sesión, si tuviéramos un botón con un enlace, le pondríamos href="session.php?salir".

Y con esto tendríamos hechas nuestras sesiones de forma fácil y sencilla para nuestra página.

Si te gustó no olvides ayudarme a seguir creciendo compartiéndolo en tus redes sociales favoritas. ¡Gracias!

Últimas entradas por etiquetas o categorías e imagen de miniatura - Blogger

A veces tenemos varias categorías en nuestro blog, como por ejemplo las mías, que tengo diseño web, programación, trucos de blogger...

Y queremos ordenarlas un poco a la hora de mostrarlas en portada o queremos mostrar sólo alguna en especial.

Pues para esto tenemos este truco para mostrar las últimas entradas de una etiqueta en concreto, y podemos usarla en el lugar de la página que queramos y tantas veces por categorías queramos.

Yo la uso por ejemplo, (a día de hoy y con el template que estoy usando ahora) en la columna central de la portada de mi blog. Quedando algo como esto:

mostrar ultimas entradas por categoria o etiqueta


En el cual estoy mostrando en el centro, mis últimas entradas escritas sobre Google.

Para hacer esto, tenemos que hacer algunos pasos:

1. Entra en Diseño | Edición de HTML y antes de ]]></b:skin> pega lo siguiente:

/* Últimas entradas por categorías
--------------------------------- */ 
img.label_thumb{
float:left;
border:1px solid #8f8f8f; /* Borde de las miniaturas */
margin-right:10px !important;
height:55px; /* Alto de las miniaturas */
width:55px; /* Ancho de las miniaturas */
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
padding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {padding-left:0px;}

2. Luego antes de </head> pega este script:
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzOh9T3C1nssXFqb3Qk-tpgFCeMBtUi_DuX5fPWe2txnTzoX0F4gK8cKtUZk5NDdGXFn9x7LyCS_kbFVcU4neNsVChEhL0vgAEoECkqIPcO-kgOXu60E21-SEtIP7nCNNONM_4vkyZt0M/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Ene";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Abr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Ago";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dic";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Más »</a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>

3.- Por último elige el sitio donde quieras que esté las últimas entradas, para esto entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y ahí pega esto:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/Nombre-de-la-etiqueta?published&alt=json-in-script&callback=labelthumbs"></script>

Donde dice /Nombre-de-la-etiqueta/ en color rojo, debes poner el nombre de la etiqueta de la cual quieres que aparezcan las últimas entradas.

Una vez guardado, ya puedes ver como queda en tu blog.

¡Espero que os haya servido!

Si te gustó no olvides ayudarme a seguir creciendo compartiéndolo en tus redes sociales favoritas. ¡Gracias!

Contar palabras y caracteres ONLINE


Si quieres contar palabras o caracteres de forma fácil, he encontrado la página ideal que lo hace de forma automática y ONLINE.

Sólo tienes que pegar el texto que quieras contar las palabras y pegarlo en recuadro y darle al botón "Contar palabras y caracteres".

Esto es muy útil para cualquiera, pero para nosotros en especial ya que deberíamos ponernos el reto de que cada entrada de nuestro blog o página tenga al menos 150 palabras para que sea un buen post y los usuarios se puedan interesar y se queden en nuestra página.

El enlace es este: CONTAR PALABRAS Y CARACTERES ONLINE

Yo especialmente, voy a guardar el enlace para que cada vez que escriba un post, (o cada vez que me acuerde) usarlo.

Espero que os sea útil ¡Un saludo!


Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

9 abr 2014

¿Cómo ganar más dinero con los blogs? - Google Adsense


¿Cómo ganar más dinero con las páginas web y blogs?

Si te tienes un blog que quieres monetizar o una página web, y ya has probado que Google Adsense te arroja ganancias que son muy pocas o miseria te estarás haciendo algunas de estas preguntas.

¿Por qué hay gente que gana mucho dinero con sus páginas o blogs?
¿Se puede vivir de Adsense?
¿Cómo vivir de Adsense?
¿Cómo puedo ganar más dinero con mi blog o página?

Pues las respuestas a estas preguntas es sí y con mucho trabajo y esfuerzo.

No hay un regla exacta para ésto. Se puede tener suerte y pegar el pelotazo con una sola página. O con varias en poco tiempo. Pero no es lo habitual.

Más o menos, para que os hagais una idea de cómo ganas unos 100 (cien) euros o dolares al día con Adsense esto es lo que teneís que hacer o tener.

Tener entre 5 y 10 páginas o blogs. Tener en cada una de ellas unas mil entradas en cada uno. Que ninguna entrada sea copiada de otro sitio (o Google te puede penalizar de alguna forma). Que cada entrada tenga mínimo 150 palabras. Que los blogs tengan entre 1 y 2 años de antigüedad.

Tienes que hacerte a la idea de que esto no es llegar y hacerte rico. Tienes que pensar que todo lo que hagas hoy vas a recoger sus verdaderos frutos dentro de un año. Así que piensa que lo que no hagas hoy, no vas a ver sus frutos. Esfuérzate por lo que quieres. En esta vida no hay cosas fáciles para ganar mucho dinero (a no ser que tengas mucha suerte o sea una estafa)

Desde aquí te animo a que sigas luchando por lo que quieres y no decaigas.

¡Un saludo!

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

¿Qué es un nicho o un micronicho? - Otros

En resumidas cuentas un nicho o micronicho es la temática que tiene tu pagina o blog.

El nicho o micronicho no es más que una forma de catalogar el sitio web o blog.

¿Qué es un nicho?


El nicho es un tema, un área específica del que va a tratar tu web o blog.

Es muy importante que hagas una web o blog enfocado a un nicho concreto.

¿Por qué?

Si tratas de abarcar muchos temas, tendrás pocas entradas de cada tema, y los usuarios pueden dejar de estar interesados en su página por no estas especializada.

Los 5 mejores nichos.

1-      Entretenimiento 
2-      Dinero 
3-      Amor 
4-      Salud 
5-      Educación 

¿Qué es un micronicho?

Un micronicho es una segmentación del nicho. Por ejemplo dentro del amor, podemos tener amor de pareja, amor familia, consejos de amor, relatos de amor...

Más segmentaciones de nichos:

nichos y micronichos


¿Cómo escoger un nicho o micronicho adecuado?

Eso depende de ti. Sólo tienes que hacerte algunas preguntas. ¿Qué cosas he estudiado? ¿Cuál es mi profesión? ¿De qué temas puedo ofrecer información interesante y de calidad? ¿Qué cosas me interesan?

Cuando hayas respondido a estas preguntas, seguro que ya sabes a qué temática o nicho o micronicho te puedes dedicar en tu página o blog.

Sí lo que estás pensando es en ganar dinero con ello, más adelante publicaré un tema sobre los nichos, micronichos y palabras claves más rentables. ¡Estate atent@!

¡Saludos!

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

Enlazar web o blog con el perfil de Google+

Si quieres confirmar la autoría de web o blog con el perfil de Google+, haciendo que los resultados de búsqueda aparezcan de esta forma:

Sólo tienes que seguir estos pasos:

1. Enlazar el contenido de tu página o blog con tu perfil de Google+.


Crea un enlace desde tu página o blog a tu perfil de Google. Por ejemplo:
  <a href="[url_de_perfil]?rel=author">Google</a>
Sustituye [profile_url] por la de tu perfil de Google. Ejemplo:
  <a href="https://plus.google.com/109412257237874861202?
   rel=author">Google</a>
Tu enlace debe contener el parámetro ?rel=author de autor. Si falta este parámetro, Google no podrá asociar tu contenido a tu perfil de Google.

2. Crea un enlace a tu contenido desde tu perfil

Para añadir enlaces a tu perfil de Google, sigue estos pasos:
  1. Inicia sesión en el perfil de Googlela página se abre en una nueva ventana
  2. Haz clic en Editar perfil.
  3. Haz clic en la sección Colaborador en situada en la parte derecha de la página (si aparecen muchas fotos en la parte superior de la página, es posible que tengas que desplazarte para ver esta sección) y, a continuación, haz clic en Añadir enlace personalizado.
  4. Si quieres, cambia la visibilidad del enlace y, a continuación, haz clic en Guardar.

Puedes encontrar esta información directamente en esta página de Google.

Si lo has hecho correctamente, tardará algún tiempo en que los resultados de búsqueda de tu página o blog salga de esta manera. Pero puedes comprobarlo en el momento en esta página.



Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

Configurar plantilla predefinida de Blogger

Hoy vamos a ver como configurar una plantilla predefina de Blogger para que esté a nuestro gusto y paresca un poco más profesional.

Para empezar tenemos que elegir una plantilla que más o menos nos guste.

Nos vamos a nuestro panel de control de Blogger, a la pestaña Plantillas y elegimos una.


Yo he elegido la más básica de todas para después configurarla.

Ahora nos iremos a Personalizar.



Y una vez adentro eligimos los colores que queramos, el ancho de la página, las columnas, el tipo de letra...

Otras personalizaciones:

Podeis ver como se hace un menú en esta entrada: Cómo poner un menu en Blogger
Colocar una caja flotante con las redes sociales como el de este blog aquí.
Cómo hacer un formulario de contacto como el de esta página aquí.

Si te gustó no olvides ayudarme a seguir creciendo compartiéndolo en tus redes sociales favoritas. ¡Gracias!

8 abr 2014

Cómo poner un menu en Blogger

Bien, ahora vamos a crear un menú para nuestra plantilla de Blogger.

Nos vamos a diseño.


Y añadimos un gadget en la parte que queramos que esté nuestro Menú. Lo normal es que se ponga en la parte superior. Si no estáis seguros, podéis elegir cualquier parte y posteriormente cambiarlo.

Le daños a añadir un gadget.


Y buscamos HTML/Javascript



Le damos a +. Y se nos abrirá una ventana, en la cual escribiremos el siguiente código.

<ul class='menus menu-secondary'>

<li><a href='/'>Inicio</a></li>
<li><a href='http://tupagina.blogspot.com.es/search?q=menu1'>Menu1</a>
</li>
<li><a href='http://tupagina.blogspot.com.es/search?q=menu2'>Menu2</a>
</li>
<li><a href='http://tupagina.blogspot.com.es/search?q=menu3'>Menu3</a></li>
</ul>

Cambiando las palabras que están amarillas por el enlace de tu blog y por el nombre del menu que queramos, poniendo tantos item como queramos.

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

7 abr 2014

Formulario de contacto para Blogger

Hoy Vamos a ver de Como insertar un bonito Formulario de Contacto En Una Página de blog de Blogger.

El Formulario de contacto que insertaremos tendrá Una apariencia como esta:

blogger Formulario párrafo

Lo pueden ver en FUNCIÓNamiento en mi Propia page de contacto .

Estós son los pasos a Seguir:

1. Vamos a nuestro de Panel de Administración de blogger.
2. Vamos a Diseño y LUEGO le damos a Añadir gadget de un.

Formulario de Contacto blogger párrafo

3. En La Ventana Que se nos abrira, le Damos una Más Gadgets y Buscamos Formulario de Contacto, lociones seleccionamos Y guardamos.


Ya Tienes tu Formulario de Contacto. Ahora Vamos A Darle Formato y a ponerlo en Una Sola página en concreto.

4. Ahora Damos clic en Plantilla y LUEGO en editar HTML.

5. Con El cursor Dentro Del Codigo HTML le Damos a control (CTRL) + F, y buscamos El siguiente Código:

]]> </ B: skin>

Encontremos de Cuando lo, copiamos justo arriba el siguiente Código:

#ContactForm1{
display:none;
}
#contact_wrap {
margin: auto;
width: 321px;
height: 380px;
padding: 25px;
border-radius: 1em;
border-top:1px solid #dbdbdb;
border-right:1px solid #b2b2b2;
border-left:1px solid #dbdbdb;
border-bottom:1px solid #9d9d9d;
background-color:#cccccc;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc');
background-image:-webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:-o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
background-image:linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%);
box-shadow: 1px 1px 5px #ccc;
}
#contact_wrap h3{
color: #e8f3f9;
font-family:Georgia;
font-size: 20px;
font-style:italic;
font-weight:bold;
margin: 0 -36px 20px -36px;
padding: 12px;
text-align: center;
text-shadow: 2px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
position: relative;
}
#contact_wrap h3:before {
content: ' ';
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 0 10px;
border-color: #333 transparent transparent transparent;
}
#contact_wrap h3:after {
content: ' ';
position: absolute;
bottom: -10px;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent transparent #333;
}
#ContactForm1_contact-form-name{
width: 270px;
height:auto;
margin: 5px auto;
padding: 10px 10px 10px 40px;
background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpsdgb1SSTiTm0sgpPBU20C_MQUfyFIdC0zzqNRCN1dd8uox-8s5dUwuUQqqsWZJWkC_FzLHu9_dGuoVTUATIfl_IZWxoufbZAMpZc83uPK7ikWY9idAQOqIXz_Qx63cijv-ro_sq5rE/s1600/user.png)no-repeat 10px center;
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-email{
width: 270px;
height:auto;
margin: 5px auto;
padding: 10px 10px 10px 40px;
background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgHCg14LzALInpKcVuJo5CWm8c-ikbxjofWeQCJdrNvC9-mlu8HWuSUz5CZsFLsQeQBes796tITmoXypog6BnUavzE4LomT6kk8FEBiTRVV4_F5vP6KkqBq0U9qdXleVLlYhbOp2vRWA/s1600/pen.png)no-repeat 10px center;
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-email-message{
width: 270px;
height: 150px;
margin: 5px auto;
padding: 10px 10px 10px 40px;
font-family:Arial, sans-serif;
background: #f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMpHdfGkCDhwGvlii06f9dSRugAuhdDO1_-U48zlqq3djfjcQ8Kdiq9EZu-7-pLh037RnJKAeM0ugTvOZL5UdaJJWFM-kg03WmrwnXvJ5TGvV4doY9B3YF_T8t45ADqsUVg1F1jwC-1eA/s1600/msg2.png)no-repeat 10px 10px;
color:#777;
border:1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px;
}
#ContactForm1_contact-form-submit {
width: 95px;
height: 30px;
float: right;
color: #FFF;
padding: 0;
cursor:pointer;
margin: 25px 0 3px 0 0;
background-color:#005a8a;
border-radius:4px;
text-shadow: 1px 0 0 #1f4962;
-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
-moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666;
background-color: #3689b9;
border:1px solid #194f6d;
}
#ContactForm1_contact-form-submit:hover {
background:#4c9bc9;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 320px;
margin-top:35px;
}



Guardamos Ahora y Plantilla.

6. Una Vez Guardado, le Damos un Páginas.

formulario de contacto para blogger

7. Ahora le damos clic a Página nueva y luego a Página en blanco.

Ahora debemos activar la opción editar html.


8. Pegamos el siguiente código:



<div id="contact_wrap">
<h3>Contactame</h3>
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Nombre" size="30" type="text" value="" />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Mensaje" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="Enviar" />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<style type="text/css">
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
</style>


9. Le ponemos un título antes de publicar y guardamos.

YA puedes comprobar y ver tu formulario de contacto.

¡Un saludo!

Si te gusto no Olvides ayudarme a Seguir Creciendo compartiendolo En Tus Redes Sociales Favoritas. ¡Gracias!

Más visitas para tu blog

Más visitas para tu blog

Vuestras visitas:

Trucos Blogger

Sobre Google

Los + vistos en la semana

 

© 2014 Aplicaciones ...---Chey---.... All rights resevered. Designed by Chey Developer

Back To Top
Recibe las actualizaciones directo a tu correo