MundoBlogger

Un sonido al pasar el mouse sobre una imagen

2012-06-04T08:23:00.003-07:00

Este sistema hecho con JavaScript está desarrollado -a petición de un lector del blog- para añadir un efecto de sonido a una imagen, pero también se puede utilizar para reproducir música a demanda con un reproductor "invisible".

Lo primero de todo es conseguir un alojamiento para audio que admita el hotlink, o lo que es lo mismo, que nos permita tirar directamente del alojamiento para reproducir online y no sólo en modo descarga.

Servidor ha hecho las pruebas con Kiwi6 y parece que funciona bastante bien, con la ventaja de que ni siquiera es necesario registrarse. El que haya leído nuestro anterior post, podrá comprobar que últimamente nos ha dado por la Actinidia Deliciosa, pero es que somos así de dulces :)

El bloque principal lo he redactado de forma que se pueda poner como simple gadget (tipo HTML/JavaScript) en la barra lateral, ya que como os he anticipado, no habrá nada visible para el usuario. Veréis que no tiene mucha ciencia y que, secuencialmente, sólo se trata de lo siguiente:

un estilo para que el reproductor tenga tamaño cero y no se vea
una variable (sonido) para incluir en ella la dirección del sonido a reproducir
otra variable (audio) que contiene las instrucciones necesarias para embeber un reproductor estándar y unos parámetros para que no se reproduzca si no pulsamos antes en algún sitio (autoplay) y para que sea controlable desde JavaScript (enablejavascript)
la "impresión" en la página del reproductor para que quede cargado desde el principio
una función para comenzar a reproducir el sonido (reproducirmusica)

Con esto instalado ya podemos activar ese sonido dónde queramos, siendo opción de vuestras necesidades si se hace al pasar el puntero por encima del elemento o si preferís que sea necesario hacer click.

En el primer caso, este sería el tipo de enlace que habría que montar englobando la imagen o lo que sea. Aquí hemos puesto sólo la palabra PLAY, pero justo después podréis ver el ejemplo que hemos hecho con una imagen cambiando esa palabra por el correspondiente <img src="...:

Para que sea necesario hacer click para la reproducción, el código iría de esta otra manera:

Al cargar la página con este script, puede que os salga un aviso de que se está intentando ejecutar un plugin y que tenéis que dar vuestro permiso, pero sólo se trata del reproductor por defecto del navegador, así que podéis aceptar su uso sin problemas.

Y no he sido muy afortunado con la elección del sonido del ejemplo, porque cuando parece que ha terminado, todavía queda un poco de pista a muy bajo volumen. Así que si le dais muy seguido y os parece que no funciona, no es por eso, es porque todavía está reproduciendo el final del anterior fichero. Vamos, que el coche no ha terminado de pasar...

Boton de ir Arriba con efecto deslizante

2012-06-04T08:22:00.003-07:00

Para agregar este trucos vas a Diseño,Edición HTML, Expandir plantillas de artilugios, y antes de</head> pega lo siguiente:

<script src='https://dl-web.dropbox.com/get/MilTrucosBloggerjQuery1.3.2.min.js?w=622b5b60' type='text/javascript'/>
<script src='https://dl-web.dropbox.com/get/MilTrucosBloggerbacktotop.js?w=ad67a951' type='text/javascript'/>

Ahora antes de </body> pega lo siguiente:

<a href='#' onclick='MGJS.goTop();return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibN-CMsWOhKFdCosRp-xIvv6qPG-dfwOmn6knsFEey60u4DoMKbtHJFNBqXIQ-LRJtGskva_W10-0YJ5tmtafuqrN8f4j0BZF0UbHYzacoOKgNpRIBiuAxbzVAnhC8ealTnwbMKmoOoGs/s320/arriba.png' style='position: fixed; bottom: 5px; right: 5px;' title='Ir arriba'/></a>

Lo que esta en azul corresponde a la URL de la imagen que se muestra que es la siguiente,si quieres poner otra solo pon la URL de tu imagen y listo.

Mensaje estilo Pop Up en las entradas

2012-06-04T08:20:00.003-07:00

Un Pop Up es una ventaja emergente que se abre mostrando algun mensaje. Jugando un poco con los codigos es posible hacer esto en las entradas.

Al ejecutar esta entrada verás que se abre un pequeño cuadro con un mensaje de bienvenida. Ese es el tutorial de esta oportunidad. Puedes observar la siguiente imagen para ver como funciona el popup

Para agregarlo escribe tu entrada normal y luego en Edicion HTML pegas lo siguiente:

<script language=JavaScript>
alert("Tu mensaje aquí")
</script>

Reemplazas "Tu mensaje aquí" por el tuyo y listo.

Via / Mil trucos Blogger

Alojar scripts en mi plantilla

2012-06-04T08:19:00.004-07:00

Estes es un tema interesante debido a que cualquier Bloggero que quiera alojar scripts no lo puede hacer directamente en Blogger sino que les toca recurrir a servicios externos como Google Sites o Dropbox,pero hay una forma de alojar los scripts directamente en la plantilla.

Para agregar el script en la plantilla hay dos formas:

La primera es agregarlo directamente en la plantilla para eso vamos a Diseño > Edición de HTML y antes de </head> pegamos lo siguiente:

<script type='text/javascript'>
//<![CDATA[
...contenido del script...
//]]>
</script>

Para saber cual es el contenido del script pega la URL del script en la barra de direcciones de tu navegador,das enter y te saldra una pagina llena de codigos y esos codigos son los que debes pegar en la plantilla donde dice contenido del script.
Pero tambien puede que el archivo se descargue,entonces lo guardas y lo abres con bloc de notas y el contenido que se muestra lo pegas en tu plantilla.

Tambien puedes alojar scripts en forma de gadget para esto vas a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript y pegas lo siguiente:

<script type='text/javascript'>
...contenido del script...
</script>

Para pegar el contenido del script sigue los pasos anteriores ya explicados.

Con esto tendremos alojados los scripts alojados en nuestra plantilla y nuestro blog cargara un poco mas rapido,pero ten en cuenta que esto servira solo para algunos casos ya que habran algunos scripts que si los tendras que alojar en servicios externos.

Via / Mil trucos Blogger

Columnas con CSS: Mosaico de entradas

2012-06-04T08:17:00.004-07:00

Partiendo de la idea de usar CSS para generar columnas auto-ajustables, podemos recrear cosas existentes aunque no funcionen en Internet Explorer y deberemos esperar que ese navegador incorpore estas propiedades que son unas de las más interesantes porque permiten pensar el diseño de un sitioweb desde un ángulo totalmente diferente.

Vamos a jugar y usar un ejemplo previo, crear una página con un resumen de entradas que incluya paginación y simplemente, vamos a dejar todo como está pero cambiaremos algunas de las reglas de estilo. El modelo original es el que podía verse acá.

En ese ejemplo, el DIV cuyo ID es resultados es el rectángulo donde se muestran las entradas y, cada una de ellas es otro DIV cuya clase es paginaposts. El script, simplemente lee una cantidad determinada de entradas, extrae una imagen y la muestra junto al título que es una etiqueta H6. Nada de eso cambiará, sólo lo mostraremos de manera distinta, simulando el estilo mosaico de las Vistas Dinámicas de Blogger.

Y estas serán las reglas de estilo diferentes:

<style>
  #resultados { /* se mostrará todo en cuatro columnas */
    -moz-column-count: 4;
    -moz-column-gap: 0;
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    column-count: 4;
    column-gap: 0;
    margin-left: 0;
  }
  .paginaposts { /* cada entrada */
    background-color: #EEE;
    border-bottom: 4px solid #101921;
    display: inline-block;
    margin: 0;
    opacity: 0.8;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 205px;
  }
  .paginaposts:hover { opacity: 0.8; }
  .paginaposts a { vertical-align:top; }
  .paginaposts img { width: 205px; }
  .paginaposts h6 { /* el título permanece invisible hasta que ponemos el cursor encima */
    background-color: #AAA;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 204px;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;transition: all 1s;
  }
  .paginaposts h6 a {
    color: #000;
    font-size: 18px;
    text-shadow: 1px 1px 1px #FFF;
  }
  .paginaposts:hover h6 { opacity: .8; }
</style>

Mosaico

Via - Vagabundia

Marca de agua en las imagenes con Css

2012-06-04T08:16:00.001-07:00

Una marca de agua es un logo dentro de una imagen la cual permite mostrar algún tipo de atribución en cada imagen. En esta oportunidad veremos cómo hacerlas sin necesidad de recurrir a modificar las imágenes.

El resultado será similar a este:

El tutorial:

¿Cómo Funciona?

Para insertar una marca de agua automática es necesario entender su forma de funcionar. Se inserta un contenedor con un color #000 (Negro) que contenga además la imagen con un texto blanco. Las imágenes no tendrán todas la opacidad (Por defecto un 90%) y por lo tanto se podrá apreciar la marca de agua. El color negro permite que la imagen se previsualice sin perder la opacidad inicial de ésta.

Paso 1: Añadiendo los estilos:

En "Diseño | Edición de HTML" deberás buscar el siguiente código:

]]></b:skin>

Arriba de este deberás pegar el siguiente:

.marca-de-agua {
    background: #000 url(URL-MARCA-DE-AGUA);
    width: 500px;
    height: 341px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.marca-de-agua img{
    padding:0;
    width:100%;
    height:100%;
    margin:0;
    filter:alpha(opacity=90);
    opacity:.90;
}

Guarda los cambios y listo.

Paso 2: Usando la marca de agua:

En "Edición de HTML" de la entrada, deberás pegar el siguiente código:

<div class="marca-de-agua" style="width:370px !important; height:278px !important;">
<img alt="" src="URL-IMAGEN" /></div>

Eso es todo.

Importante:

Para cambiar el tamaño de la imagen es necesario modificar la del contenedor reemplazando los valores width y height destacados en el código anterior (La imagen toma el alto y ancho del contenedor, así evitamos que queden espacios en negro).
Puedes tomar la imagen que utilicé como marca de agua como ejemplo para ajustar la distancia correctamente y no se vea la marca de agua muy repetida (Clic aquí).
Si no deseas que la marca de agua se repita deberás editar el valor .marca-de-agua del primer paso de la siguiente forma:

.marca-de-agua {
background: #000 url(URL-MARCA-DE-AGUA) no-repeat bottom right;

Con este código la marca de agua se mostrará en la esquina inferior derecha, puedes reemplazarbottom por top para que la imagen se muestre arriba; y right por left para que la imagen cambie de derecha a izquierda.

Gracias a Ayuda Blogger

liteAccordion: Un acordeón para jQuery

2012-06-04T08:15:00.000-07:00

liteAccordion es un pequeño plugin para JQuery que nos permite agregar acordeones donde se mostrarán imágenes, animándolas con distintos efecto que funcionarán en cualquier navegador, incluyendo Internet Explorer 8.

El demo completo podemos descargarlo desde github pero para agregarlo a un sitio, sólo necesitamos dos archivos: liteaccordion.jquery.js y liteaccordion.css. Entonces, primero agregamos jQuery antes de </head> si es que no la tenemos:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Luego, el script con el plugin:

<script src="URL_liteaccordion.jquery.js"></script>

o lo agregamos directamente en al plantilla, copiando y pegando el contenido de ese archivo:

<script type='text/javascript'>
//<![CDATA[
  ....... aquí pegamos el contenido del archivo liteaccordion.jquery.js .......

//]]>
</script>

Por último, el estilo, del mismo modo:

<style>
  ....... aquí pegamos el contenido del archivo liteaccordion.css .......
</style>

Eso es todo; ahora, hay que crear el HTML allí donde quisiéramos utilizarlo:

<div id="miejemplo" class="accordion">
  <ol>

    <!-- cada una de las pestaña -->
    <li>
      <h2><span>Pestaña UNO</span></h2>
        <div>
          <!-- el demo original usa etiquetas de HTML5 pero, el contenido puede ser cualquier otra -->
          <span class="figure">
            <img src="URL_imagen1" />
            <span class="figcaption">un texto optativo</span>
         </span>
      </div>
    </li>

  </ol>
</div>


Podemos activarlo colocando el llamado a la función debajo de eso o bien, con el resto de los scripts siempre y cuando nos aseguremos que se ejecute cuando la pagina se haya cargado, estableciendo en ese llamdo, las opciones :
<script>
$(document).ready(function(){ 
  $('#miejemplo').liteAccordion({
    onActivate : function() { this.find('span').fadeOut(); },
    slideCallback : function() { this.find('span').fadeIn(); },
    autoPlay : true, pauseOnHover : true, theme : 'dark', rounded : true, enumerateSlides : true     
  }).find('span:first').show();
});
</script>

Algunas de las opciones se agregan ahí y otras en el plugin mismo donde, por ejemplo, se define el ancho y alto:

containerWidth : 600 // ancho total
containerHeight : 350 // alto total
headerWidth : 48 // ancho delas pestañas cerradas
firstSlide : 1 // el número de la primer pestaña activa
slideSpeed : 800 y cycleSpeed : 6000 // velocidad de la animación
rounded : false // si no se quieren bordes redondeados
enumerateSlides : false // muestra u oculta un número en cada pestaña
theme : 'basic' // el tema CSS que puede ser 'basic', 'light', 'dark', o 'stitch'

Esto ultimo, también puede ser modificado ... con paciencia y si se usan textos, habría que agregarle propiedades extras como:
span.figure {
  display: block;
  height: 100%;
  margin: 0;
  width: 100%;
}
span.figcaption {
  background: #000;
  background: rgba(0,0,0,0.7);
  border-radius: 4px;
  bottom: 20px; 
  color: #FFF;
  padding: 10px 15px;
  position: absolute;
  right: 30px; 
  z-index: 3;
}

Murcielagos en tu blog

2012-06-04T08:12:00.004-07:00

Cuidado por ahí!!! Son murcielagos!! en el día de hoy les traigo un gadget de murcielagos flotando por el blog. Pueden verlo en este blog de pruebas.

Para poner estos simpaticos murcielagos, entramos en la Edición de HTML y antes de</head> pegamos este script:

//<![CDATA[

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
}

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}

document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}

function pagestart(){
murcielago1=new Chip("murcielago1",147,168);
murcielago2=new Chip("murcielago2",47,68);
murcielago3=new Chip("murcielago3",47,68);
murcielago4=new Chip("murcielago4",47,68);

movechip("murcielago1");
movechip("murcielago2");
movechip("murcielago3");
movechip("murcielago4");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>

Ahora antes de </body> pega este código:

<div id='murcielago1' style='position:absolute; z-index:80; left: -500px; width:125px; height:108px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJu76tCD-ScSwELp9HGXwngfLyLggngdl8dd6lMb3y1NEwn4bt819m8pGAPO7oZczY1ozKSEwoQWcTNd1c-aeNd84e6R_NAfpuk3rMUZuHGltB2SiWTH1umgKmNhEkmvGOz0UThIEY_EQ/s125/murcielago1.gif'/></div>
<div id='murcielago2' style='position:absolute; z-index:81; left: -600px; width:120px; height:99px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglVrmiQXQulJtrYIt3PV5G3YdPme7DDEGULtJrFKywOY9XJVsNVz868834ql_TLiyNJ3Z5x21yo-1RJwctpqb8spqlVMe7qIFRUtZI_Cb6SkSFGwrGoK_Wcs5u5Nhz8QTB6k3H1yprn5U/s120/murcielago2.gif'/></div>
<div id='murcielago3' style='position:absolute; z-index:82; left: -700px; width:160px; height:120px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroVuK2ILmqxQWgFNMFpEwXc4cimtPK2i-WCBOJYLMWY3sLcQlTxx0SlCf_eLdkxUY0CIt1ODPLUW5NtOEVrc0e0lrb3tdbIk5DiQvZU30no1XFHOTaqRZu__h8PwWFlnwi0NULSMmdTM/s160/murcielago3.gif'/></div>
<div id='murcielago4' style='position:absolute; z-index:83; left: -800px; width:106px; height:85px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzTvwIfl6xdC77SxFC4Cne_-tXDGpGflhDTJfmQaCJeJOIP25G1516vn49OridEGMLCLCTF20NKPY687G7g9NJQAQZ4_QgiF-vmFVzVVqYYIfbSPXD2vCUr1kGpLjIOQYt9REsMVrFjWI/s106/murcielago4.gif'/></div>

Espero que les guste.

Hacer una página en Facebook para tu blog

2011-12-07T12:53:00.000-08:00

Nos guste o no, Facebook aumenta rápidamente su cuota de mercado y con ello se vuelve una herramienta cada vez más importante para la promoción de un sitio web. Para un sitio web existen esencialmente dos espacios de promoción: Los grupos y las páginas.

Las páginas de Facebook se muestran como la opción más completa, pues además de herramientas de discusión, cuenta con otras herramientas de interacción; El botón de “Me gusta” el más característico.

Ventajas de tener una página en Facebook para tu blog

Ofreces un método de suscripción alternativo a personas que de otro modo, no seguirían tu blog.
Abre un nuevo espacio de discusión e incorpora otras formas de interacción a tu contenido.
La estadísticas de los perfiles de los miembros son muy detallas y de gran utilidad para conocer a tus lectores.

Aunque tiene también desventajas como descentralizar los comentarios. En lugar de comentar tus artículos, algunos usuarios comentaran directamente en Facebook.

Cómo crear una página en Facebook

1. Todo inicia con un sencillo formulario desde:

http://www.facebook.com/pages/create.php

Donde hay que escoger el tipo de página y su nombre.

2. Edita la información de la página.

Comienzas agregando una imagen de perfil para la página:

El siguiente paso es sugerir la página a tus amigos, aunque esto no es del todo recomendable, pues aun esta vacía, además que puedes hacerlo en el futuro. Si piensas igual, da clic en “Omitir”.

El siguiente paso es agregar la URL de tu blog o sitio web y una pequeña descripción. En la descripción te recomiendo poner también tu URL, pues es más visible ahí que en la sección que Facebook destina para la URL.

3. Importar tu contenido

Una forma de importar tus contenidos en mediante la aplicación por defecto llamada “Notas”, sin embargo, esta tiene varios inconvenientes, como importar completos los contenido, generando contenido duplicado que compite con tu propio blog, así que mejor usaremos una aplicación llamada RSS Graffiti.

3.1 Lo primero que debe hacerse es autorizar a RSS Graffiti desde el botón “Click HERE to authorize RSS Graffiti“.

3.2 Lo siguiente es escoger la página que acabamos de crear (esta debe aparecer del lado izquierdo) y autorizar la publicación en el muro de la página, también se puede configurar para que se publique en el muro personal, aquí dependerá de tus necesidades

3.3 Agregar la URL del feed dando clic en el botón “+ Add feed”

4. Configurar permisos.

En Facebook abundan las opciones para dar o restringir permisos. Al regresar a “Editar página” encontraras la configuración general por país o edad, el muro, enlaces, foro y video.

5. Invita a tus amigos y a tus “amigos”.

Como último paso ahora sí puedes enviarle una invitación a todos los amigos que creen que puedan estar interesados en el contenido de tu blog. La opción esta igualmente en la barra lateral de tu página.

Dependiendo de la importancia que quieras darle a la suscripción por Facebook, puedes agregar un widget a tu blog, con un enlace directo a hacerse fan, el número de fans y algunos de los suscritos.

Para crear el panel entra en la barra lateral a “Editar página” y posteriormente del lado derecho “Promocionar con un panel para fans”.

Después de publicada una página

Estadísticas

Una vez que la página ya ha sido publicada y se tiene una cierta cantidad de fans, puedes ver el perfil de los suscritos, desde la barra lateral, en el recuadro de “Estadísticas” esta el enlace a “Ver todas”, donde tendrás un perfil bastante completo de tus lectores: Genero, edad, país, idioma, etc.

URL amigable

Las páginas por defecto tienen un URL muy larga y difícil de recordar, algo como:

http://www.facebook.com/pages/Blog-and-Web/206438048391

Actualmente Facebook impone un mínimo de 25 fans para cambiar la URL; si tu página ya los tiene puedes cambiarla accediendo a:

http://www.facebook.com/username

Donde tienes la opción “Escoge un nombre de usuario para tus páginas” y cambiarlo rápidamente. Ya con esto queda completa una página para tu blog.

Poco a poco puedes ir agregando contenido a tu página e ir dando el enfoque que te convenga, en mi caso, por ahora solo lo uso como una forma alternativa de suscripción, pero pensaré en algún extra. Dicho sea de paso, ¿ya estas suscrito a la página en Facebook de Blog and Web?

Suscripción por email nativo en Blogger

2011-12-07T12:14:00.001-08:00

Blogger empieza con las novedades de este año, esta vez, presentando un nuevo gadget desuscripción por email o Seguir por correo electrónico como lo han llamado.

Funcionamiento

Al agregarlo, automáticamente agrega el blog a Feedburner, crea la URL del feed y la usa para la suscripción de correo.

El gadget se muestra con un sencillo formulario donde el lector puede escribir su dicción de email y confirmar su suscripción. Al parecer, el botón se adapta automáticamente a la paleta de colores del blog.

Configuración

Para configurar las opciones de la suscripción por email les recomiendo revisar nuestra Guía para ofrecer suscripción por email paso a paso.

Código

Como todos los widget de Blogger, se puede modificar el código del formulario buscando por el título o, en este caso, FollowByEmail. El código generado por el gadget es como el siguiente:

<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes,width=550,height=520&quot;); return true&quot;' method='post' target='popupwindow'>
        <span>
          <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
        </span>
        <input class='follow-by-email-submit' type='submit' value='Submit'/>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
  <span class='item-control blog-admin'>
    <b:include name='quickedit'/>
  </span>
</b:includable>
</b:widget>

En él, yo recomiendo cambiar:

<input name='loc' type='hidden' value='en_US'/>

Por:

<input name='loc' type='hidden' value='es_ES'/>

Para que el mensaje de confirmación se muestre en español.

Estilos

Blogger agrega por defecto los siguientes estilos:

/*Contenedor general*/
.FollowByEmail .follow-by-email-inner {
    position: relative;
}
/*Campo de email*/
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
    border: 1px inset;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 2px;
    width: 100%;
}
/* Botón de submit */
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
    -moz-border-radius: 2px 2px 2px 2px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    height: 24px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 0;
}
.FollowByEmail .follow-by-email-inner input {
    font-family: arial,sans-serif;
}

Sobra decir que estos se pueden sobre escribir desde el código de la plantilla si se desea personalizar.

Un nuevo gadget que facilita la vida, pero que no hace algo realmente haga falta para el usuario Blogger, como más condicionales en la plantilla o un alojamiento de archivos.

Plantillas Blogger gratis

2011-12-07T12:11:00.000-08:00

lantillas, Templates o Layouts Blogger, como les quieres llamar. Hemos adaptado más de 100 diseños para usar en tu blog de Blogger (blogspot).

Hay diseños con 1, 2 o 3 columnas, estilo revista, adaptadas de WordPress y de varias temáticas, todas han sido actualizadas para que soporten las últimas características de Blogger, como soporte de páginas, iconos sociales, leer más, etc. Pero si aun así no encuentras tu plantilla ideal, puedes consultar BTemplates.com una galería con más de 3000 Blogger Templates. ¡Suerte con tu template!

Agregar valoración de estrellas en el blog

2011-12-07T12:07:00.001-08:00

Para asegurar el éxito de un blog es necesario que siempre estemos aplicando mejoras y aquí te presentaremos una de ellas que quizás te guste.
En diversos blogs podemos encontrar al pie de cada artículo una hilera de estrellas, cuya función es obtener una valoración del post publicado, y varios títulos relacionados pertenecientes a otras entradas.
Esto es un punto muy beneficioso que puede afectar directamente en el tiempo de permanencia de cada usuario en tu sitio, ya que se aumenta la posibilidad de que los lectores puedan mantenerse navegando por un prolongado lapso de tiempo.

Podremos incorporar este llamativo widget en nuestro blog si ingresamos a Outbrain.com, en donde se ofrece el agregado automático de su aplicación, pudiendo escoger entre varias opciones, las que más nos gusten, como por ejemplo si queremos que se enseñe una pequeña imagen de muestra. Además, ofrece la combinación con distintas y variadas plataformas disponibles, por lo cual es muy amplio el marco de aceptación, entre las plataformas aceptadas está WordPress, Blogger, Drupal, entre otras. Aunque también podremos optar por utilizar el código directamente en el tema de nuestro blog o sitio web.

los 10 trucos mas utilizado en blogger

2011-12-07T12:05:00.000-08:00

1. Eliminar la navbar o barra Blogger.

Aunque esta barra puede tener algunos atajos para manejar nuestro blog, su valor es poco o nulo para el lector, ocupa espacio extra y es poco estética. Eliminarla es sumamente sencillo, solo hay dirigirse a Diseño/Edición HTML y buscar el siguiente código:

]]></b:skin>

Y justo antes pegar lo siguiente:

#navbar-iframe { height:0px; display:none; visibility:hidden; }

2. Mostrar los últimos comentarios y los últimos artículos en la sidebar.

Este “truco” se basa en usar la dirección sindicación de comentarios y los artículos que todos los blogs de Blogger tienen. Estas direcciones son:

Para comentarios: http://tublog.blogspot.com/feeds/comments/default
Para artículos: http://tublog.blogspot.com/feeds/posts/default

Donde tublog.blogspot.com es la dirección de tu blog.

Ahora solo hay que ir a Diseño/Elementos de página y dar clic en Añadir un gadget, en la ventana que se abre se selecciona un gadget de Feed y se escribe la dirección de comentarios para mostrar los últimos comentarios, se repite el proceso para crear un nuevo gadget de feed pero esta vez usando la dirección de los artículos.

3. Agregar una barra lateral o sidebar adicional a la plantilla.

Parece que cada vez es más insuficiente una sola barra lateral, la complejidad de agregar una extra a un diseño ya hecho variará de acuerdo al tipo de diseño y de los conocimientos que se tengan de HTML y CSS. El proceso se detalla en nuestro artículo: Como agregar una sidebar en una plantilla Bloggerdonde hay referencias también a otros tutoriales similares.

4. “Leer más” o “Continuar leyendo” en los artículos de Blogger.

Para hacer la navegación más ligera a nuestros lectores muchas veces conviene mostrar solo un resumen de los artículos. Como Blogger no tiene esta característica por defecto, habrá que usar CSS o Javascript para conseguir este propósito.

Blogmundi explica como hacerlo y en Girlyblogger muestra una forma “elegante” para llegar a lo mismo.

5. Mostrar los artículos más populares o más comentados.

Cuando un artículo tiene muchos comentarios, esto habla de su posible valor para los visitantes. Esta tampoco es una característica de Blogger por lo que hay que recurrir a un nuevo script. En BloggerBuster se muestra como crear un gadget para mostrar las entradas más populares y Rosa en su escaparate hace una buena adecuación de este truco al español.

6. Paginación o páginas numeradas en Blogger.

Blogger solo muestra un enlace a la página siguiente y anterior, con la página es posible mostrar un cantidad más grande de páginas para navegar indicadas con números. Nuevamente el funcionamiento se basa en un script que es necesario instalar en el blog para que funcione. Armanda de Blogger Buster fue una de las primeras en mostrarlo y en Vagabundia encontraran una explicación en castellano .

7. Agregar un favicon en Blogger.

Para agregar ese pequeño icono visible en favoritos, pestañas y barra de direcciones, solo hay que crear un icono y vincularlo desde la plantilla. Para esto desde Diseño/Edición HTML se busca el siguiente código:

<title><data:blog.pageTitle/></title>

Y justo antes se coloca lo siguiente:

<link href="http://sitio.com/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link href="http://sitio.com/favicon.ico" rel="icon" type="image/x-icon"/>

Donde http://sitio.com/favicon.ico es la URL de tu favicon.

Para obtener la URL de tu favicon puedes alojarlo en un servicio gratuito como fileden .

8. Utilizar un dominio propio en Blogger.

Tener un dominio propio es de las primeras cosas que se deben contemplar cuando deseamos tomar nuestro blog más en serio. Las ventajas son muchas y el precio bastante modico. Blogger permite el uso de dominios propios en su plataforma y proceso puede verse en nuestro artículo: Como usar un dominio propio en Blogger o en otros sitio como Spamloco .

9. Formulario de comentarios en la misma entrada.

En este en realidad a dejado de ser un truco, pues ya forma porte de las características comunes de Blogger, aun así hay que activarlo desde Configuración/Comentarios , ahí en la opción de “Ubicación del formulario de comentarios” se selecciona “Entrada incrustada a continuación”.

En algunos casos podría ser necesario implementar esta característica de forma manual.

10. Poner publicidad de Adsense en Blogger.

Existen varias opciones para poner Google Adsense, así que puedes escoger entre estos 10 Lugares para poner Adsense en Blogger.

Como siempre, la recomendación es usar únicamente los trucos que son imprescindibles para nuestro blog para evitar sobrecargar de contenido el sitio y/o hacerlo muy pesado.

AYUDA

2011-12-05T16:52:00.000-08:00

Este mensaje va dirigido a quien le pueda interesar.

le pido a la gente que visitan mi blog que si pueden y esta en su mano que me den una ayudita económica ya que no tengo suficiente recurso para mejorar mi pagina por eso le pido su colaboración para dar una mejor apariencia a mi blog a los interesados en ayudarme en la parte derecha de mi blog a un boto de donar y puede hacer su colaboración y gracias de ante manos por estar dedicando 5 minutos a leer este mensaje se que dios te lo recompensara lo que hoy me estas dando que dios te bendiga.

Para aquellos que quieren una web profesional

2011-11-30T12:12:00.000-08:00

si quieres crear un pagina web profesional o un blog o una tienda virtual o una periódico digital le recomiendo que visite WebEmpresa es una pagina que le ayudara a resolver sus inquietudes para complacer sus ideas de crear la pagina de su sueño con un estilo único y profesional..

trabajan bajo licencia de joomla un sistema para hacer pagina muy colorida y buena y llamativas por supuesto tiene los mejores precios que se adaptan a su bolsillo y a sus necesidades tiene un equipo alta mente calificado y especializado aqui le dejo unas muestra de sus trabajos espero que le guste..XD

Pack Empresa

http://demopackempresa.webempresa.eu/corporate2/

Pack Tienda

http://demopacktienda.webempresa.eu/mystore/

Pack periódico

http://demopackperiodico.webempresa.eu/twn2/

si quieren entrar ase ser su contrato pulse el enlace de abajo...XD

Ver posicionamiento de un blog en palabras claves

2011-08-16T17:54:00.001-07:00

Free Monitor for Google es un práctico programa, cuya descarga es sumamente veloz y gratuita, que nos permitirá estar atentos a los cambios que nuestro blog presente en elposicionamientos de sus palabras claves, con precisión y rapidez.
La utilización del mismo es muy simple, pudiendo designar un listado único de keywords para no tipearlo cada vez que necesitemos llevar a cabo este chequeo. Automáticamente buscará el lugar en el que se encuentra esa frase con respecto a nuestro sitio en relación con el gigante de las búsquedas.

De este modo, será una tarea mucho más sencilla poder llevar el control de los efectos positivos o negativos de nuestro trabajo SEO, sin tener la necesidad de realizar búsquedas manuales cada día.
Además, dicho programa no presenta mayor dificultad, pues aunque se encuentra en inglés, su vocabulario es de fácil interpretación para aquellos que ya tienen algo de experiencia en este mundo virtual.

Descargar: Free Monitor for Google

[Tip] De /wp-login a /login

2011-08-10T14:30:00.000-07:00

¿Te gustaría ser capaz de utilizar una URL simple como http://misitio.com/login para acceder al panel de WordPress?

Si es así, puedes utilizar este útil tip y ponerlo en práctica en tu propio blog.

Abre el archivo .htaccess (que se encuentra en la raíz de instalación de WordPress) y agregue el siguiente código. Recuerda que una copia de seguridad de .htaccess antes de editarlo!

RewriteRule ^ $ login http://yoursite.com/wp-login.php [NC, L]

'Acerca del autor' debajo de cada post

2011-08-10T14:22:00.000-07:00

Una de las "ventajas" que tiene Wordpress es que se puede agregar debajo de cada post una pequeña biografía sobre el autor para que los lectores puedan tener más información acerca de quién escribe el post, y muchos usuarios de Blogger desearían poder tenerlo también en el blog, así que vamos a ver cómo poner un 'acerca del autor' debajo de cada entrada.

En él puedes poner tu avatar, una breve información sobre ti e incluso puedes agregar enlaces sobre otros sitios webs que tengas o de tus redes sociales.

Primero vamos a Diseño | Edición de HTML y marcamos la casilla Expandir plantillas de artilugios ahí buscamos este código y lo eliminamos:
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'>
<data:post.author/>
</span>
</b:if>
</span>
Esa parte que hemos eliminado es la que muestra Publicado por (nombre del autor), lo porque ya no será necesario con lo que vamos a agregar, pero bien puedes dejarlo si quieres y no pasa nada.

Ahora busca esta línea:
<div class='post-footer'>
Y debajo de ella agrega esto:
<div class='acercadelautor'>
<img border='0' src='URL del avatar' style='float:left; margin:0 10px 10px 0;width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</div>
Ahí cambia lo que está en color rojo por la URL de tu avatar. Y agrega en donde está el color naranja el texto que quieres mostrar como parte de la información de tu biografía, puedes poner enlaces incluso.

Por último antes de ]]> pega lo siguiente:
.acercadelautor {
background:#EFFBFB; /* Color de fondo */
border:1px solid #ccc; /* Borde */
letter-spacing:normal;
color:#424242; /* Color del texto */
text-transform:none;
font-size:12px; /* Tamaño del texto */
padding:5px;
margin:10px 0 10px 0;
}
.acercadelautor strong {
color:#1C1C1C; /* Color del nombre del autor */
font-weight:bold;
font-size:13px; /* Tamaño de letra del nombre del autor */
padding-left:5px;
}

Esos son los estilos que tendrá el recuadro, puedes hacer los cambios que quieras en las anotaciones que he puesto en color verde.

A partir de este momento ya podrás verlo en la Vista Previa y probar si tiene los colores que deseas.

En el primer código que hemos agregado está marcado en negrita el tamaño de la imagen del avatar, esa puedes modificarla a tu gusto; si agregas poco texto en tu biografía se recomienda que hagas el avatar más pequeño para que no quede en desproporción.

¿Y si el blog tiene más de un autor?

Si el blog tiene más de un autor también podemos hacer que cada autor tenga el suyo, cada uno con su avatar y su descripción correspondiente.

En ese caso en lugar de pegar el código del paso 2 pegaremos este otro:

<div class='acercadelautor'><b:if cond='data:post.author == "Autor 1"'><img border='0' src='URL del avatar 1' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</b:if>

<b:if cond='data:post.author == "Autor 2"'><img border='0' src='URL del avatar 2' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</b:if>
</div>

El primer fragmento corresponde al primer autor y el segundo al otro autor. De igual modo cambia la URL del avatar y el contenido de la biografía.

En donde dice Autor 1 y Autor 2 debes poner el nick de los autores tal como aparece en el blog respetando las mayúsculas, minúsculas y espacios, eso es muy importante.

Si quisieras agregar más autores sólo agrega antes de </div> otro fragmento como este:

<b:if cond='data:post.author == "Autor 3"'><img alt='' border='0' src='URL del avatar 3' style='float:left; margin:0 10px 10px 0; width:80px; height:80px;'/><span style='font-style:italic; font-size:10px;'>ESCRITO POR</span> <strong><data:post.author/></strong><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vulputate pellentesque nisl, id vulputate leo mollis quis. Maecenas mattis, justo et sagittis iaculis, ligula ipsum ullamcorper lectus, at vehicula odio sapien eu ante.</p>
</b:if>

Como ven el procedimiento es de lo más sencillo, no requiere scripts ni nada del otro mundo y el resultado quedará tan lindo como ustedes quieran.

Agregar valoración de estrellas en el blog

2011-08-10T14:16:00.000-07:00

2011-07-24T12:24:00.000-07:00

Aunque pueda resultar sorprendente, un reciente informe revela que Microsoft es la quinta compañía que más ha contribuido a desarrollar el kernel Linux 3.0 sólo por detrás de Red Hat, Intel, Novell e IBM.

Parece una paradoja teniendo en cuenta el enfrentamiento tradicional entre los acérrimos defensores del software propietario de Microsoft y los amantes del código abierto de Linux, pero las cifras demuestran que los de Redmond han colaborado de forma destacada al desarrollo del kernel.

Este informe, que ha sido elaborado por Linux Weekly News, pone de manifiesto que la contribución de Microsoft ha sido canalizada sobre todo a través del desarrollador K.Y Srinivasan, que ha jugado un papel destacado en la mejora de la nueva versión del kernel Linux.

Los analistas destacan que estas contribuciones no se han hecho “por amor al arte” sino que Microsoft persigue ciertos intereses con su aportación al desarrollo de Linux.

“El grueso de las contribuciones de Microsoft ha sido la de sus propios drivers hypervisor de virtualización Hyper-V”, según explica el periodista de ZDnet, Steven J. Vaughan-Nichols.

“Hyper-V es un sistema de virtualización de 64 bits basado en hypervisor”, en otras palabras, “es la respuesta de Microsoft a los sistemas KVM (Kernel Virtual Machine) de VMware y Linux”.

¿Cómo excluir mis visitas de las estadísticas del blog o web? 20/

2011-07-24T12:22:00.000-07:00

Imagina el caso de una pequeña empresa donde todos sus empleados tengan la página corporativa
como página de inicio, o por ejemplo cuando administras un blog, normalmente estás mucho tiempo conectado. En el primer caso, afectará al nº de visitas y al porcentaje de abandonos (sales de la web por la misma página por la que entrastes) y el segundo afectará al tiempo promedio de las estadísticas...

Si no quieres engañarte tu mismo, y sé, que al principio parece que no se conecta nadie y que tus propias visitas te motivan, es recomendable excluir de las estadísticas el tráfico que tu mismo generas al visitar el blog o web.

Para ello existe un concepto en Google Analytics que se llama Filtro. Una de sus aplicaciones es esta precisamente, la de excluir las visitar que provienen de una determinada ubicación o IP...pero también puede usarse para obtener valores estadísticos individuales por ejemplo el caso contrario, cuantas veces mis empleados consultan la web corporativa.

En el caso que se nos plantea, realizaremos un filtro para excluir las visitas provenientes de una dirección IP. Averigua primero cual es tu ip pública desde este enlace (debes estar navegando desde el ordenador o lugar a excluir). Una vez anotado la IP pública, realizamos estos sencillos paso:

Pasos para excluir mis visitas de las estadísticas:

Paso 1. Accede a Google Analytics
Paso 2. En la parte inferior derecha, donde pone Filtros, haz clic en "Administrador de filtros"
Paso 3. Ahora en el Administrador de filtros haz clic en + Añadir Filtro (en la parte derecha)
Paso 4. Indica un nombre al filtro ejemplo, "Excluir visitas de mi casa" "Excluir visitas de la empresa"
Paso 5. Hacemos clic en "Filtro personalizados"
Paso 6. Hacemos clic en "Excluir"
Paso 7. En el desplegable del "Campo de filtro" selecciona Dirección IP del Visitante
Paso 8. En "patrón de filtro" debes indicar la IP que averiguastes antes. Si la IP es por ejemplo 192.168.1.1 el valor del campo debe ser: ^192\.168\.1\.1$ (es decir coloca una \ antes de cada punto de la dirección y los dos simbolos ^al comiento y $ al final).
Paso 9. En la parte inferior tienes los perfiles (estadísticas) a los que quieres aplicar el filtro. Selecciona el perfil y presiona el botón "Añadir" finalmente presiona "Guardar cambios"

Puedes realizar tantos filtros como quieras. Si trabajas en un blog y colabora otra persona es conveniente hacer un filtro tambien desde la IP del compañero, simplemente que te diga su IP y administrar un nuevo filtro.

Nota. La mayoría de nosotros disponemos de IP dinámica eso quiere decir que cada vez que apagas el router (cosa que yo no hago) y lo enciendes nuevamente la IP pública cambia. Recuerda que puedes ir creando tantos filtros como quieras. Otra cosa es que puedes crear un rango de IP, el cual es algo complicado porque estarás excluyendo a más usuarios.

La solución que Google ofrece es Filtro por Cookies que debes valorar ya que si bien puede aplicarse a una Web no creo que se pueda aplicar al blog (mira el primero de los enlaces relacionados).

Recuerda que si aplicas el filtro hoy deberás esperar hasta mañana para ver sus efectos.

Espero que puedas aplicarlo sin problemas.

Deja tus sugerencias y experiencias así puedes colaborar con este post. Gracias

Via: Iniciablog

Caidos de la Realidad – Tecnología y más

2011-07-24T12:11:00.000-07:00

Caidos de la Realidad es un sitio que habla de temas relacionados a la tecnología, las aplicaciones, el Montaje de Fotos, los gadgets, entre otros. En el sitio podemos encontrar varias noticias, tutoriales, recursos y más artículos interesantes, los cuales nos servirán para aprender y mantenernos informados sobre la tecnología y sus avances.

Como mencioné al principio, un tema muy interesante y a la vez bien tocado en el sitio, es el del montaje de fotos, en el cual enseñan distintas formas de realizar fotomontajes con distintos programas, el Photoshop y el Picasa.

En general es un sitio de lo más interesante, con un lindo diseño y con mucha información interesante de distintos temas relacionados a la tecnología. Se los dejo para que entren y lo vean ustedes mismos.

Enlace: Caidos de la Realidad

rss icon Xanga | Comunidad Blogger

2011-07-20T15:23:00.000-07:00

Xanga ha cambiado desde hace un tiempo y personalmente pienso que para mejor. Con nuevas caracteristicas y una comunidad activa, el sitio alojador de blogs continúa mejorando, consiguiendo feedback y comentarios de sus miembros, los cuales crecen en número cada día. Yo empecé usando Xanga en el 2005, de modo que tengo experiencia de primera mano con respecto a como eran las versiones anteriores y como fuí capaz de ponerme al día con los cambios en la página y las caracteristicas del website. Aunque todavía hay partes que necesitan ser mejoradas, Xanga.com ha llegado a ser uno de los mejores sitios de alojamiento para blogs que hay en Internet.
Xanga.com ha puesto interesantes mejoras en su homepage como utilidades para los usuarios, blogs, videos, y fotos que realmente me llaman la atención cada vez que entro a mi blog. Con el nuevo panel cargado y corriendo, puedo finalmente ver lo que mis amigos y suscriptores estuvieron escribiendo mientras estuve afuera. Por otra parte, alguna de la gente a la que me he suscripto, han dejado comentarios y eProps ( señales que sirven como ratings) más frecuentemente que antes, que era cuando no tenía esas mejoras en el website. Creo que esto es un gran adelanto en la perfomnce total del website porque de este modo la gente puede monitorear y estar actualizada en lo que sus amigos han estado escribiendo y los ratings de los blogs, por lo que hay cada vez más cantidad de usuarios.

Otras caracteristicas del website que encanta especialmente en Xanga.com, es el sector del “question and blog” de la homepage. Cualquier usuario puede colocar una pregunta para que la gente bloguee acerca de ella, y puede ser de lo que te dé la gana. Algunas de las mejores preguntas que he encontrado han tenido hasta 200 respuestas, algunas de las cuales tienen mensajes de gran profundidad que los bloggers desean guardar. Otro es la adopción de temas, que es en cierta manera como en Multiply o MySpace, donde puedes crear tu propio diseño y tema y compartirlo con el resto de la comunidad de Xanga. No soy realmente un fan de crear temas, por lo tanto dependo de lo que otros suscriptores de Xanga han colocado para debatir, alabándolos tanto por su trabajo duro, como por su creatividad. Últimamente no me canso de leer blogs, que han sido creados en el sitio como Datingish, el cual comenta toda clase de temas de los que te puedas imaginar con respecto a citas , cortejo, matrimonio y como tratar con las relaciones complicadas. Ellos colocan entradas muy interesantes y significativas de blogs sobre relaciones extrañas y problemas de los cuales no solemos hablar en general.
Sobretodo, yo le daría a mi experiencia con Xanga.com un puntaje de 10 sobre 10, aunque más no sea por el modo en que han mejorado a través de los años, dentro modo habría transferido mi blog a otro sitio. Afortunadamente los creadores del sitio se han mantenido con las tendencias de blogs online de hoy en día y son lo suficiente creativos para agregar interesante material que tenga a la gente de Xanga activa e interactuando con otra gente.
Enlace | Xanga.com

Agregar un contador de visitas para el blog

2011-07-20T15:14:00.000-07:00

Muchos lectores me han pedido por correo electrónico que les enseñe a agregar un contador de visitas para el blog, y bueno, eso es exactamente lo que hoy voy a enseñar a hacer. Primero que nada quiero aclarar que tenemos muchas alternativas para tener un contador de visitas para el blog, pero voy a explicar sólo algunas, ya que sino sería un artículo demasiado extenso.

Contador de visitas para blog:

1. Contador de visitas Histats

Histats ofrece contadores de visitas para blogs muy completos. Primeor hay que registrarnos en el sitio y verificar la cuenta desde nuestro correo electrónico. Luego podemos agregar un nuevo sitio y decidir desde dónde comenzar a contar las visitas y si queremos que sean privadas o no. Luego creamos el banner y lo pegamos en el blog.
Enlace: Histats

2. Contador de visitas online whos.amung.us

Este contador muestra de una forma sencilla y amigable el número de visitas online que hay en nuestro sitio en determinado momento. Es uno de los más precisos de todo el mercado de contadores de visitas para blogs, y es muy fácil de insertar.
Enlace: whos.amung.us

3. Contador de visitas 99Counters

Este práctico contador de visitas nos muestra el número de visitas totales, el número de visitas de hoy, el número de visitas online y otros datos, como el lugar de cada visita. Es muy práctico y fácil de insertar. Mucha gente lo utiliza, y eso es lo que lo hace popular.
Enlace: 99Counters

4. Contador de visitas Geovisite

Estos contadores de visitas están especializados en mostrar el número de visitantes y de qué países fueron. La geolocalización es su especialidad, y a muchos bloggers les agrada saber de dónde vienen sus visitantes.
Enlace: Geovisite

Ago ¿Alguna vez te ha caducado un pago de AdSense?

2011-07-15T16:11:00.001-07:00

Mencionarlo es sólo para correr la voz que desde el blog oficial de AdSense en español han pronunciado ante la imperiosa preocupación que de repente les despertó pensar que puedes caer en un vacío existencial si alguna vez, por extrañísima razón, después de recibir tu cheque de AdSense dejaste descuidadamente pasar 6 meses sin cobrarlo con su consecuente caducidad.

Cuando llega a darse esta situación -sí, las miles de veces que esto sucede a diario en el mundo y más con lo abundantes que están las ganancias ahora por este medio- en tu cuenta aparecerá una retención de pago y tendrás que volver a seleccionar la forma de pago y esperar de nuevo recaudar 100 dólares. Por lo tanto, moraleja googleriana: “No te quedes de manos cruzadas y, en cuanto recibas tu cheque, llévalo al banco y abona tus ad-euros y ad-céntimos en tu cuenta”.

Al menos la experiencia de Tinchio puede hacer pensar que es dificilísimo que a alguien le llegue a caducar un pago de AdSense, pero la recomendación nunca está demás.

MundoBlogger

Un sonido al pasar el mouse sobre una imagen

Boton de ir Arriba con efecto deslizante

Mensaje estilo Pop Up en las entradas

Alojar scripts en mi plantilla

Columnas con CSS: Mosaico de entradas

Marca de agua en las imagenes con Css

liteAccordion: Un acordeón para jQuery

Murcielagos en tu blog

Hacer una página en Facebook para tu blog

Ventajas de tener una página en Facebook para tu blog

Cómo crear una página en Facebook

Después de publicada una página

Suscripción por email nativo en Blogger

Funcionamiento

Configuración

Código

Estilos

Plantillas Blogger gratis

Brand New Day

Warm Home

San Fran

FreeDream

Matala

Zombie Apocalypse

Redbel

Liquorice

iStudio

OneNote

Pink Stars

Magazeen

Compositio

Design Disease

Agregar valoración de estrellas en el blog

los 10 trucos mas utilizado en blogger

AYUDA

Para aquellos que quieren una web profesional

Ver posicionamiento de un blog en palabras claves

[Tip] De /wp-login a /login

'Acerca del autor' debajo de cada post

Agregar valoración de estrellas en el blog

¿Cómo excluir mis visitas de las estadísticas del blog o web? 20/

Caidos de la Realidad – Tecnología y más

rss icon Xanga | Comunidad Blogger

Agregar un contador de visitas para el blog

Contador de visitas para blog:

1. Contador de visitas Histats

2. Contador de visitas online whos.amung.us

3. Contador de visitas 99Counters

4. Contador de visitas Geovisite

Ago ¿Alguna vez te ha caducado un pago de AdSense?