Pages

Para contactar con esblogmanía: rolander50@hotmail.com

Ojos en blogger (Interesante)

Voy a explicar como vamos a poner en nuestro blog unos ojitos que persigen al cursor del ratón y cuya pupilas persigen en todo momento cada movimiento que realizas con el ratón. Estos son los ojos más concretamente:
widget gadget, trucos blogger, ayuda para tu blog
Puedes comprobar el resultado accediendo a este blog de pruebas.
PROCEDIMIENTO:
1º: Ir a la pestaña diseño de nuestro blogger.
2º: Pulsamos en añadir un nuevo gadget.
3º: Pulsamos en HTML/Javascript y añadimos este código:
<script type="text/javascript">
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
var balcnimg1 = new Image();
balcnimg1.src = "http://3.bp.blogspot.com/_gjBqKNTws4M/THVXOYfebxI/AAAAAAAAEkg/Wn3IEGjqRtQ/s320/blojo2.gif";
var balcnimg2 = new Image();
balcnimg2.src = "http://1.bp.blogspot.com/_gjBqKNTws4M/THVXN5gidfI/AAAAAAAAEkY/kcnIlcd2L1E/s320/blojo1.gif";
var balcnimg3 = document.images.length;
if ( document.getElementById("pic"+balcnimg3) ||
document.getElementById("balcnad"+balcnimg3) ||
document.getElementById("balcnad2"+balcnimg3)) balcnimg3++;
document.write('<img id="blcnvv'+balcnimg3+'" src="'+balcnimg1.src+'" alt="" style="position:absolute;top:0px;left:0px;width:69px;height:34px"/>'
+'<img id="balcnad'+balcnimg3+'" src="'+balcnimg2.src+'" alt="" style="position:absolute;top:10px;left:11px;width:13px;height:13px"/>'
+'<img id="balcnad2'+balcnimg3+'" src="'+balcnimg2.src+'" alt="" style="position:absolute;top:10px;left:46px;width:13px;height:13px"/>');
document.write('<a style="font-size:12px;"href="http://elbalcondejaime.blogspot.com/2010/08/ojos-que-persiguen-y-observan-al-cursor.html" target="_blank"><img src="http://goo.gl/5ZST"/></a>');
var h,w,r,balcneedimg,blcnimgmin,blcnimgmin2;
var d = document;
var my = 0;
var mx = 0;
var fy = 0;
var fx = 0;
var pix = "px";
var domWw = (typeof window.innerWidth == "33");
var domSy = (typeof window.pageYOffset == "33");
if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "33" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}
function blcnff(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else{
h = r.clientHeight;
w = r.clientWidth;
}
}
function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function mouse(e){
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number'){
my = e.pageY - msy;
mx = e.pageX;}
else{
my = e.clientY - msy;
mx = e.clientX;
}
}
function blcnsgg(){
var sy = scrl(0);
var sx = scrl(1);
var chy = Math.floor(fy-50);
if (chy <= 0) chy = 0;
if (chy >= h-50) chy = h-50;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= w-69) chx = w-69;
var c1y = chy+17;
var c1x = chx+17;
var c2y = chy+17;
var c2x = chx+52;
var dy1 = my - c1y;
var dx1 = mx - c1x;//80
var d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
var dy2 = my - c2y;
var dx2 = mx - c2x;
var d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
var ay1 = my - c1y;
var ax1 = mx - c1x;
var angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
var ay2 = my - c2y;
var ax2 = mx - c2x;
var angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
var dv = 1.7;
var onEyeBall1 = (d1 < 17)?d1/dv:10;
var onEyeBall2 = (d2 < 17)?d2/dv:10;
balcneedimg.top = chy+sy+pix;
balcneedimg.left = chx+sx+pix;
blcnimgmin.top = c1y-6+onEyeBall1*Math.sin(angle1*Math.PI/180)+sy+pix;
blcnimgmin.left = c1x-6+onEyeBall1*Math.cos(angle1*Math.PI/180)+sx+pix;
blcnimgmin2.top = c2y-6+onEyeBall2*Math.sin(angle2*Math.PI/180)+sy+pix;
blcnimgmin2.left = c2x-6+onEyeBall2*Math.cos(angle2*Math.PI/180)+sx+pix;
}
function balcnimg4(){
dy = fy += (my-fy) * 0.05;
dx = fx += (mx-fx) * 0.05;
blcnsgg();
setTimeout(balcnimg4,30);
}
function blcndde(){
balcneedimg = document.getElementById("blcnvv"+balcnimg3).style;
blcnimgmin = document.getElementById("balcnad"+balcnimg3).style;
blcnimgmin2 = document.getElementById("balcnad2"+balcnimg3).style;
blcnff();
balcnimg4();
}
if (window.addEventListener){
window.addEventListener("resize",blcnff,false);
window.addEventListener("load",blcndde,false);
document.addEventListener("mousemove",mouse,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",blcnff);
window.attachEvent("onload",blcndde);
document.attachEvent("balcnkk",mouse);
}
})();
}
</script>

Marcadores Sociales en Blogger con efecto

Unas de la mas importantes cosas para cada blog seria tener enlaces hacia marcadores sociales para tu usuarios, y ¿Para que tenerlo?, los marcadores sociales o social bookmarking sirven para que tus lectores compartan el contenido de tu blog en diferentes paginas de gran importancia y que sin duda debes tener en cuenta, ya que te ayuda a atraer mucho mas usuario de estas redes interesados en el contenido que se publica en tu blog.
Así como hace algunos meses ya publique Redes Sociales (Social Bookmarking) en Blogger, que justamente, cumplen la misma función que este nuevo, pero aquella entrada se puede apreciar un efecto opacidad e iconos mas pequeños, a diferencia de esta, se muestra mas atractiva, con iconos grandes redondo y con un efecto estilo "Abajo-Arriba" o "onMouseOver" que hace llamar mas la atención, solo se hace con CSS, sin ningún Script y de seguro, por que yo también lo hice, mejoraras el tiempo en el que los usuarios se quedan en tu blog, ya que de seguro se quedaran jugando con el maravilloso efecto, un rato de diversión no le cae mal a nadie, Jeje. Si deseas ver una demostración puedes verlo en este blog de pruebas.









PROCEDIMIENTO:
[1] Ve a Blogger > Diseño y entra a Edición HTML y pega el siguiente codigo justo antes de ]]

div.marcadores {
height:65px;
position:relative;
width:480px;
}
div.marcadores ul.cat {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:50px;
}
div.marcadores ul.cat li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:60px !important;
width:60px !important;
cursor:pointer !important;
padding: 0 !important;
}
div.marcadores ul.cat a {
display:block !important;
width:60px !important;
height:60px !important;
font-size:0 !important;
color:transparent !important;
}

.cat-bitacoras, .cat-bitacoras:hover,.cat-delicious, .cat-delicious:hover,.cat-facebook, .cat-facebook:hover, .cat-meneame ,.cat-meneame:hover, .cat-technorati, .cat-technorati:hover, .cat-twitter, .cat-twitter:hover, .cat-wikio, .cat-wikio:hover {
background:url(http://dl.dropbox.com/u/3301800/tutomax/marcadores%20sociales.png) no-repeat !important;
}
.cat-bitacoras { background-position: left top !important; }
.cat-bitacoras:hover { background-position: left bottom !important;}
.cat-delicious { background-position: -70px top !important; }
.cat-delicious:hover { background-position: -70px bottom !important; }
.cat-facebook { background-position: -140px top !important; }
.cat-facebook:hover { background-position: -140px bottom !important; }
.cat-meneame { background-position: -210px top !important; }
.cat-meneame:hover { background-position: -210px bottom !important; }
.cat-technorati { background-position: -280px top !important; }
.cat-technorati:hover { background-position: -280px bottom !important; }
.cat-twitter { background-position: -350px top !important; }
.cat-twitter:hover { background-position: -350px bottom !important; }
.cat-wikio { background-position: -420px top !important; }
.cat-wikio:hover { background-position: -420px bottom !important; }

[2] Guarda los cambios, ahora cuando estos ya esten guardados, marcas la casilla expandir plantilla de artilugios y busca
y justo despues de ese codigo, pega el siguiente.

 <div class='marcadores'>
<ul class='cat'>
<li class='cat-bitacoras'><a alt='Bitacoras' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bitacoras'/></li>

<li class='cat-delicious'><a alt='Delicious' expr:href='&quot;http://del.icio.us/post?url&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'/></li>

<li class='cat-facebook'><a alt='Facebook' expr:href='&quot; http://www.facebook.com/sharer.php?u&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Facebook'/></li>

<li class='cat-meneame'><a alt='Meneame' expr:href='&quot; http://meneame.net/submit.php?url&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Meneame'/></li>

<li class='cat-technorati'><a alt='Technorati' expr:href='&quot; http://technorati.com/faves?add&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Technorati'/></li>

<li class='cat-twitter'><a alt='Twitter' expr:href='&quot; http://twitthis.com/twit?url&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twitter'/></li>

<li class='cat-wikio'><a alt='Wikio' expr:href='&quot; http://www.wikio.es/vote?url&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Wikio'/></li>
</ul>
</div>


[3] Guarda los cambios y disfruta tus nuevos botones debajo de cada entrada.


Formularios de contacto para blogger

Crea un formulario de contacto de manera fácil, rápida y totalmente personalizable.
Con Wufoo.com es muy fácil solo basta con registrarse y empezar a gestionar asta 3 formularios con un campo de edición totalmente grafico.

sshot-2
Puedes ver un ejemplo en mi pagina de contacto o en el formulario externo.

sshot-1
Bueno espero que les sea de utilidad no me decidí a hacer un tutorial por que es realmente fácil de utilizar cualquier duda háganmela saber XD saludos.
Enlace: Wufoo.com

5 consejos utiles para tener mas subcriptores

Los suscriptores son la sangre vital de un blog exitoso en mi opinión, y, francamente, me gustaría tener más de ellos. :)
Aquí están 5 estrategias específicas que usted puede comenzar a aplicar hoy y comenzar a conseguir más suscriptores a tu blog de inmediato.

1. Que sea fácil y obvia
Como he dicho antes con más detalle, haga sus opciones de suscripción prominentes, que se miren facilmente y te recomiendo ofrecer una alternativa para suscribirse por correo electrónico para RSS, y solicitar la suscripción, de preferencia en la parte inferior de cada post.

2. Se lo mas centrado posible en tu nicho
Asegúrate que estás principalmente centrado en un tema en particular, y cuanto más especializado estés sobre este tema, mejor lo harás. También es clave para dar un paso atrás y evaluar si hay suficientes lectores potenciales en su nicho elegido. Es mejor ser brutalmente honesto consigo mismo que trabajar duro y terminar decepcionado después.

3. Ofrece un soborno
Tranquilos, no es nada ilegal. Es un soborno ético, en la forma de un libro electrónico gratuito, puede ser un informe, curso electrónico o una serie de audio. Normalmente esto sólo funciona con las suscripciones de correo electrónico vinculado a autoresponders.

Pero he aquí una excelente manera de hacerlo con RSS:
Si tienes un blog de WordPress, utiliza el plugin gratuito Feedvertising para enlazar a la página de descarga para tu regalo. Cuando actives este plugin Feedvertising el enlace de descarga solo se mostrara en el post del feed en las personas que se han suscrito.

4. Utiliza ebooks virales.
Permite que otras personas regalen tu libro electrónico PDF. El archivo PDF a su vez promueve tu blog. Si no tienes la capacidad de crear un ebook con influencia viral, contrata a alguien que sepa mucho de tu nicho para que cree un ebook de calidad y con esto aumentara la popularidad del blog y se multiplicaran tus suscriptores.

5. Inicia un podcast
Iniciar un podcast relacionado a tu nicho, y ponerlo en iTunes y que figuren en los directorios de podcasting es una gran estrategia sin lugar a dudas. Menciona tu blog en todos los episodios y los beneficios de la suscripción, y trata de entrevistar a personas conocidas en tu nicho. No sólo vas a estar abriendo un nuevo canal promocional, sino que también estás creando contenido de calidad que puede ser reutilizado como parte de su campaña de soborno ético para los nuevos suscriptores.

Y como siempre trata de crear buen contenido original para que los suscriptores lleguen solo, pero después de seguir los consejos anteriores sin duda veras como poco a poco el numero de tus suscriptores va a aumentar.

Mas trafico para tu blog con Linkedin

LinkedIn es la más poderosa y la plataforma mas usada en redes sociales en la web inglesa.

LinkedIn es una gran manera de generar tráfico orgánico grattis a tu blog.

Aunque LinkedIn ha sido muy bueno para los solicitantes de empleo durante mucho tiempo, la verdad es mucho más que eso. Muchas personas están logrando los objetivos profesionales gracias a lo que ofrece LinkedIn. Por ejemplo, LinkedIn puede ayudarte a:

* Vender los productos
* Encontrar nuevos clientes o empleados
* Recibir la financiación para su empresa
* Obtener patrocinios
* Vender cientos de boletos para su evento profesional
* Obtener la cobertura de prensa nacional y local
* Y por último pero no menos importante, dirigir el tráfico masivo a tu blog

La consecución de estos objetivos en LinkedIn no vienen naturalmente. Tienes que trabajar mucho en el sistema de LinkedIn y experimentar con diferentes métodos.

Clave para generar trafico con Linkedln
Una de las claves para generar trafico a tu blog con Linkedln es responder muchas preguntas.

Esta es una gran manera de atraer tráfico a tu blog. Mientras mas preguntas respondas, mas serán las probabilidades son de que los usuarios visiten tu blog que vaya de acuerdo a la solucion o respuesta.

¿Vender mi blogger?

Muchos se hacen esta pregunta por varias razones, unos porque se aburrieron del blog y ya no quieren seguir con el, otros porque necesitan el dinero urgente y no tienen otra opción que vender el blog o sitio web.

Cualquiera que sea las razones de vender tu blog, tienes varias opciones para vender tu sitio, personalmente te recomiendo 2 sitios en los cuales ya he vendido varios blogs y me han pagado muy bien por ellos.

Si tienes algún blog para vender, primero habla con nosotros y si no llegamos a un acuerdo o no me interesa por cualquier motivo...
El primer sitio que recomiendo para vender blogs en Español es:
www.vendermiweb.com
En este sitio puedes además de vender blogs, contratar o vender servicios de freelance, vender y comprar publicidad, enlaces, etc. Este sitio es excelente para hacer negocios, te lo recomiendo, puedes vender y comprar dominios. Date una vuelta por el sitio y veras.

Otro sitio mas visitado, pero mas dedicado a vender blogs en Ingles:
www.flippa.com
En este sitio se han vendido por blogs por miles de dolares, así que deberías de darte una vuelta por el sitio.

Así que ya saben si tienen un blog y por alguna razón deciden venderlo no hay mejor lugar que los dos sitios que les mostré.

Woo Rank: analiza tu blog

Los bloggers nos preguntamos con frecuencia como analizar la optimización de nuestro blog, para saber si estamos haciendo las cosas bien, y si hemos mejorado en relación a un estado anterior del blog.


Esto nos ocurre cuando realizamos tareas propias de un SEO, en nuestro blog, aunque nos falten las herramientas de medición que ellos utilizan. Pero aquí veremos un sitio que nos ayudará a descubrir puntos a optimizar y nos dará un puntaje de referencia para ir sabiendo nuestro avance.

El sitio es Woo Rank y emplearlo es sencillo y gratuito. Solo debemos introducir la dirección de nuestro blog y esperar unos pocos minutos a que nuestro informe esté terminado.

En el informe podremos observar los datos, y si están con un botón rojo es que se debe optimizar ese aspecto cuanto antes; si está en anaranjado es un factor a revisar y si está en verde es por que está correcto.

Otro aspecto positivo que tiene es que nos aconseja que tipo de solución se debe dar a cada problema. Como toda herramienta automática no detecta al cien por ciento o su informe es limitado, pero mejor que nada es.

40 Iconos gratis de redes sociales

Aquí les presento un pack de iconos de redes sociales (Social Network), muy útiles para colocarlos en la opción de ”compartir este post” como iconos alternativos, puedes encontrar 40 iconos de 16 x 16 pixeles y otros 40 32 x 32 pixeles haciendo un total de 80 iconos gratuitos. Todos están a una gran resolución de 32 bits y en formato PNG transparente.

Optimiza las imagenes de tu blog

A la hora de poner imágenes en nuestros blogs podemos tener dudas acerca de que formato, tamaño, calidad, etc usar en dichas imágenes para optimizar tanto la navegación como la descarga etc, es por eso hoy escribo este post.
Smush it es un servicio en línea gratuito brindado por Yahoo  para facilitarnos la vida, donde simplemente tendremos que cargar las imágenes, estas son procesadas y devueltas en un archivo .zip de donde podremos descomprimir nuestras nuevas imágenes optimizadas donde la pérdida de calidad es mínima y la disminución en Kb va de un 10% hasta un 60%.

Pero veamos como hacerlo,
-Primero debemos entrar a esta página http://www.smushit.com/ysmush.it/




imagenes_smash_it_1.JPG
Como ven hay tres pestañanas
Home
Uploader - donde podemos subir las imágenes a optimizar desde nuestro equipo
URL - donde podemos poner una lista de URLs de imágenes para optimizarlas
En este caso voy a optimizar imágenes que tengo en mi computadora por lo que voy a Uploader




imagenes_smash_it_2.JPG
Luego de subidas las imágenes veran algo como esto




imagenes_smash_it_3.JPG
Donde podrán descargar el archivo .zip que contiene todas sus imágenes ya Optimizadas.
Ahora solo es cuestion de descomprimir esas imágenes y subirlas a tu blog en lugar de las anteriores.
A modo de ejemplo las imágenes de este post fueron optimizadas con Smush it, tamaño antes de optimizar 860 Kb  despues de optimizadas 364 Kb … En cuanto a calidad de la imagen, no se notan los cambios, pero en tamaño la diferencia es notoria.
La gracia de esto es que imágenes Livianas permite que tus visitas naveguen mas rápido en tu blog, y el proceso de optimizacion de Smash it es realmente rápido, sin contar de que puedes optimizar una gran cantidad de imágenes a la vez, simplemente subiéndolas, Yahoo nos asegura de que nuestras imágenes no quedan en la web.
Espero este material sea de ayuda.
Saludos,

Escribir post en blogger desde tu e-mail

Si son bloggers experimentados tal vez este post les parezca un poco banal, pero la verdad es que si sos un nuevo blogger esta es una herramienta muy a tener en cuenta, ya que te permite escribir tus post’s desde tu casilla de correos.
Bueno primero que nada hay que configurarlo..
Entra en tu cuenta de blogger a tu blog que deceas configurar y dirigete a la pestaña Configuración,  Correo electronico y movil,




publicar_desde_email_1.JPG
ahí encontrarás dos cuadros importantes, en el de arriba puedes escribir direcciones de e-emails que quieras que reciban tus post’s cada vez que publiques y mas abajo veras una direccion de e-mail a la cual le falta una parte (SecretWord). Simplemente completa la dirección con la palabra que quieras, además te encontrarás con 3 opciones que se explican por si solas que son , elije la opción de tu preferencia guarda los cambios y listo.



publicar_desde_email_2.JPG
La próxima vez que quieras postear algo en tu blog simplemente haz un mail con el post y envíalo a esa dirección que acabas de configurar
Notas:
El asunto del e-mail sera el título del post y el cuerpo del mail el post propiamente dicho. Las imagenes adjuntas al mail se suben automaticamente y aparecen en tu post.
Es posible también configurar un teléfono móvil para publllicar post vía MMS en tu blog, simplemente selecciona Añadir dispositivo móvil y sigue las instrucciones.
Espero sea de utilidad este post.
Saludos