Efectos CSS para blogger propiedad transform

Para aquellos que están realizando sus primeras experiencias con CSS, dejo una serie de efectos valiéndose de la propiedad transform, que permite en 2D y 3D aplicar diferentes movimientos a un elemento, de esta manera lograremos entre otros rotar, desplazar, aumentar o disminuir y torcer un objeto.

Vamos a aplicar esta propiedad de la siguiente manera:

transform:translate(); 
transform:rotate();
transform:scale();

En la tabla puedes observar los diferentes parámetros que pueden tener las diferentes propiedades utilizadas.

En los efectos de la caja 4 estamos utilizando también la propiedad animation, que veremos en otra entrada en detalle. 
Pasando el mousse por sobre las cajas se pueden observar algunos efectos con los que puedes ir adornando tu blog!
Estos se pueden aplicar en la misma entrada que estés publicando haciendo uso de:

<style type="text/css"> TU CODIGO CSS </style><br />


Para ello recuerda incorporar estas lineas desde HTML y no en Redactar!

Claro que también podemos incorporar nuestro código CSS directamente a nuestra plantilla, con las modificaciones realizadas al editor de plantillas por la gente de Blogger esto es muy sencillo. 

Esta es una prueba de como funciona transform translate

Esta es una prueba de como funciona transform rotate

Esta es una prueba de como funciona transform skew

Esta es una prueba de como funciona animation

El código HTML

<div id="caja1">
                          <p class="texto">
                                                       Esta es una prueba de como funciona transform translate
                          </p>
</div>
<div id="caja2">
                         <p class="texto">
                                                       Esta es una prueba de como funciona transform rotate
                         </p>
</div>
<div id="caja3">
                        <p class="texto">
                                                      Esta es una prueba de como funciona transform skew
                        </p>
</div>
<div id="caja4">
                        <p class="texto">
                                                     Esta es una prueba de como funciona animation
                        </p>

</div>

El código CSS

.texto{font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-style:oblique;
text-align:center;
color:#FFF;
font-weight:bold;
}
#caja1{width:200px;
height:100px;
box-shadow:10px 10px 5px #888888;
background-color:#066;
padding:3px;
position:relative;
}
#caja2{width:200px;
height:100px;
box-shadow:10px 10px 5px #888888;
background-color:#C00;
padding:3px;
position:relative;
}
#caja3{width:200px;
height:100px;
box-shadow:10px 10px 5px #888888;
background-color:#C93;
padding:3px;
position:relative;
}
#caja4{width:200px;
height:100px;
box-shadow:10px 10px 5px #888888;
background-color:#C63;
padding:3px;
position:relative;
}
#caja1:hover{
transform:translateX(100px);
-webkit-transform:translateX(100px);
-moz-transform:translateX(100px);
-o-transform:translateX(100px);
-ms-transform:translateX(100px);
}

#caja2:hover{
transform:rotate(270deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}

#caja3:hover{
transform:skewX(-40deg);
-webkit-transform:skewX(-40deg);
-moz-transform:skewX(-40deg);
-o-transform:skewX(-40deg);
-ms-transform:skewX(-40deg);
}

#caja4:hover{
animation:mover 8s infinite alternate;
-webkit-animation:mover 8s infinite alternate;
-ms-animation:mover 8s infinite alternate;
-o-animation:mover 8s infinite alternate;
-moz-animation:mover 8s infinite alternate;
}

@keyframes "mover" {
0% {transform:translate(0px,0px);}

50% {background-color:#69F;
transform:translate(100px,100px);
opacity:0,3;}

100%{transform:scale(1.5,1,5);
opacity:0;}

}
@-webkit-keyframes "mover" {
0% {
-webkit-transform:translate(0px,0px);
}
50%{
-webkit-transform:translate(100px,100px);
background-color:#69F;

opacity:0,3;
}

100%{
-webkit-transform:scale(1.5,1.5);
opacity:0;
}
}

@-o-keyframes "mover" {
0% {
-o-transform:translate(0px,0px);
}
50%{
-o-transform:translate(100px,100px);
background-color:#69F;

opacity:0,3;
}

100%{
-o-transform:scale(1.5,1.5);
opacity:0;
}
}
@-moz-keyframes "mover" {
0% {
-moz-transform:translate(0px,0px);
}
50%{
-moz-transform:translate(100px,100px);
background-color:#69F;

opacity:0,3;
}

100%{
-moz-transform:scale(1.5,1.5);
opacity:0;
}
}

@-ms-keyframes "mover" {
0% {
-ms-transform:translate(0px,0px);
}
50%{
-ms-transform:translate(100px,100px);
background-color:#69F;

opacity:0,3;
}

100%{
-ms-transform:scale(1.5,1.5);
opacity:0;
}
}

Tweet

6 factores que debe saber antes de iniciar un blog

Aunque fue acuñado en 1999, el término "blog" no ha entrado en el Diccionario hasta el 2004, el Diccionario lo define como "un diario personal en línea con reflexiones, comentarios y a menudo enlaces proporcionados por el escritor". Desde entonces, el blogging se ha convertido en una profesión legítima y a veces rentable para algunos escritores consagrados.

Cuando el Huffington Post, un blog de noticias, fue vendido a America Online (AOL) por $315 millones de dolares en febrero de 2011, conmocionó la blogosfera. De repente, una gran cantidad de personas pensaban que podrían enriquecerse simplemente iniciando sus propios blogs. Como era de esperar, la mayoría de ellos sucumbieron en el intento.

En el último recuento, había un estimado de blogs activos de 181 millones, según la empresa Nielsen/McKinsey, una empresa de seguimiento de internet. De los 181 millones, sólo un puñado de ellos, quizás tan sólo cien, tienen millones de visitantes mensuales. Estos blogs populares tienen enormes márgenes de ganancia porque sus gastos de operación son bajos y los anunciantes finalmente están invirtiendo en campañas de marketing online. Dicho esto, la mayoría de los bloggeros miden sus ingresos mensuales en cientos, no miles o millones de dólares.

De todas formas si usted es un principiante optimista es importante que conozca algunos datos estadísticos,

- Mas del 90% de las personas que inician un blog, lo abandonan antes de llegar al año. Ver Porque se abandona un blog?

- Escribir un artículo de 600 palabras, puede tomar en promedio 1,5 horas.

- No ponga publicidad de Google Adsense si no tiene al menos 500 visitas únicas diarias.  

- Con 10000 páginas vistas al mes y Google Adsense se puede generar como mínimo alrededor de cinco dolares.

Si usted realmente quiere hacer dinero como blogger, debe posicionar su blog para el éxito desde el primer día, siguiendo estos consejos, usted tendrá una mejor oportunidad que el blogger promedio.

#1 Definir sus objetivos desde el principio

Como con cualquier proyecto, usted debe preguntarse lo que espera lograr antes de empezar. ¿Voy a realizar blogging como un hobby, una actividad social, o para promover un negocio? El dueño de un negocio, por ejemplo, necesita nuevos contenidos para popularizar su sitio web, lo que significa que se deben añadir al blog sobre una base regular,respetando una frecuencia,a veces diaria. Pero una persona que lleva adelante un blog como diversión puede agregar cualquier entrada,sin importar tema o frecuencia de publicación, puede pasar días, semanas y hasta meses sin escribir, sin esto ocasionarle impacto! Por lo tanto, es imperativo definir sus metas y determinar exactamente lo que quiere de su blog antes de escribir una palabra.

#2 El nicho de mercado

No todos los nichos son iguales, analizar la competencia y evaluar que temas están poco explotados puede darnos idea de cual puede ser el rumbo que debemos tomar. Pero también debemos considerar cual es la rentabilidad que pueden tener determinados nichos, los CPM pueden variar considerablemente entre diferentes temáticas.

#3 Conozca su audiencia

Poder tener claro a quien estará dirigido el contenido de su blog le permitirá saber cómo estas personas piensan realmente, es la única manera confiable de darles lo que quieren.

Además del texto, también es importante considerar el diseño de su sitio en base a su público objetivo. Si su estrategia es un blog que tendrá como target a un público mayor a 60 años obviamente tendrá un diseño muy diferente a uno dirigido a los adolescentes y adultos jóvenes.

Hay personas que leen determinadas columnas de un periódico porque respetan y confían en los escritores de esas columnas ¿Por qué es esto? Para empezar, estos columnistas saben sobre su audiencia, lo que quieren y cómo darle a ellos eso que buscan. Se podría llamar una voz, un tono o incluso un personaje literario, pero estos escritores tienen una imagen consistente de sus lectores y de lo que ellos aprecian y dependen.

#4 Un escritor escribe

Sin importar el tema o la audiencia, todos los bloggers exitosos tienen una cosa en común: son abejas ocupadas. Los mejores blogs de internet son actualizados decenas, incluso cientos de veces al día. Para una sola persona, obviamente sería imposible. Pero es importante intentar agregar al menos una entrada cada día. Considerar la posibilidad de contar con escritores invitados es una buena manera de ayudarlo a cumplir su objetivo de alcanzar una regularidad en sus publicaciones, ademas esto permite que sus lectores también reciban desde su blogs otras ideas diferentes a la suya.

#5 Ser un buen anfitrión

Millones de internautas dejan miles de millones de comentarios en sitios web cada día. Cuando se dejan estos comentarios en un blog o sitio web, los huéspedes agradecen mucho cuando el anfitrión responde a su pregunta o ven preocupación por resolver su problema. Esto permite ir construyendo y fortaleciendo la relación con su público, fundamental para ganar su confianza!

Voy a mencionar a uno de mis blogs favoritos ciudad blogger, donde si bien su autor se ha tomado una pausa, siempre ha sido ejemplo en esto de ser un buen anfitrión.

#6 La constancia

Siempre que uno empieza una actividad suele poner todas sus energías ahí, pero lo importante es mantener la misma al cabo del tiempo, a medida que el blog crece también lo hacen los lectores y cuando empieza la interacción el tiempo comienza a faltar, sumado a que somos personas, todos tenemos problemas, imprevistos en nuestra vida que pueden alterar nuestros planes.
Si usted es una persona poco constante, le diría que no pierda el tiempo entonces con un blog porque seguramente estará dentro de ese 90% que mencioné abandonan su blog antes del año.

Un blog puede generar ingresos pero nada es mágico, hay que trabajar y dedicar varias horas para llevarlo adelante y los resultados no se ven de un día para el otro.

Tweet

10 consejos que no debe olvidar al escribir en su blog

Cuando se escribe un blog, poco a poco los lectores comienzan a crecer, y ver ese incremento es sin dudas un buen signo, también es cierto que para atrapar al lector y convertirlo en un seguidor fiel de nuestro sitio hay que ofrecerle contenido de calidad. Pero hay un punto muy importante y es conocer a nuestros lectores, es decir una porción de los navegantes en internet acceden a nuestro sitio, algunos empezaran a seguirnos, otros no, pero estos visitantes no son "todo el mundo", esta claro que nuestro contenido esta dirigido a un nicho especifico generalmente, poder descubrir quienes son esas personas nos puede ayudar a tener nuevas ideas sobre que debemos escribir, por eso estos 10 pasos le ayudará a descubrir el contenido que sus lectores esperan encontrar en su blog.

1. ¿Quién querría leer su contenido?

La respuesta a esta pregunta le ayudará a aclarar que tipo de lector es el  objetivo de su escritura.

2. Construir una imagen detallada de quién es su lector ideal.

Describir su lector ideal, incluyendo tantos detalles como sea posible (edad, género, ocupación, pasatiempos, número de hijos,etc.).

3. Averiguar donde esa persona pasa su tiempo en línea.

Realizar algún trabajo de detective en línea. Visite los foros de blogs y discusiónes que atraen a una persona con este perfil.

4. Tome nota de las cuestiones que son importantes para este grupo.

Con el tiempo, usted verá algunas cuestiones o problemas que se suben varias veces en foros o comentarios que se dejan en blogs. Usted puede utilizarlos para tener una idea de lo que sus lectores les interesa más y el tipo de problemas que quieren resolver.

5. Lea noticias que serían interesantes o relevantes para su público objetivo.

Noticias recientes pueden dar ideas sobre temas que afectan a su lector ideal. Estar informado también pueden brindarle un plus adicional al visitar foros o blogs.

6. Considere el lenguaje que utiliza el grupo.

Si usted pretende tener llegada a un determinado público objetivo necesita lograr una conexión real con dicho grupo. Analizar el lenguaje que están utilizando es una gran manera de iniciar el camino. Si encuentra que su público objetivo se maneja con escritura altamente técnica, debe hacer lo mismo. En caso de que la lengua sea más informal, usted necesitará tenerlo presente al elaborar su contenido.

7. Buscar elementos que faltan en las discusiones.

¿Hay asuntos que deben ser abordados (o discutidos más a menudo) pero no están cubiertos? ¿Hay personas visitando foros sin encontrar la respuesta? Estas son perlas perdidas que pueden dar ideas sobre que temas pueden estar esperando nuestros lectores.

8. Participar en discusiones en línea.

La mejor manera para conocer a su público objetivo es tener contacto con ellos. No es necesario explicar que están llevando a cabo investigaciones, comience lentamente agregando comentarios reflexivos y haga preguntas para generar nuevas discusiones.

9. Las fuentes.

Llevar un blog adelante, publicar regularmente y responder las inquietudes de los lectores, lleva bastante tiempo y dedicación, más si no es la actividad principal en su vida. Por lo tanto si usted copia de otro blog indique las fuentes, esta es una buena manera de agradecer a la persona que dedicó algunas horas de su tiempo a escribir un artículo y por otro lado sus lectores estarán agradecidos por permitirles compartir algún punto de vista que puede ser diferente al suyo.   

10. Pídale a sus lectores que le informen sobre que temas están interesados.

Realizar una encuesta es una manera eficaz para mantener el dedo en el pulso de sus lectores. Para animar a la gente a participar, considere la posibilidad de realizar un sorteo con un regalo determinado. Incluya una lista de temas,en las que el participante pueda marcar las preferidas pero incorpore ademas una sección donde los participantes puedan hacer sugerencias. Analice luego las respuestas para centrarse en su contenido.

Que tácticas utiliza usted para no perder el foco y centrarse en las necesidades de su público?

Tweet

Conozca los 6 titulares que siempre funcionan para su blog

Cualquier titular que enumera una serie de razones, secretos, trucos o maneras funcionará porque, una vez más, hace una promesa muy concreta sobre lo que esta esperando el lector. Además, estos tipo de mensajes y artículos son perfectos para construir su autoridad y demostrar un dominio de su área de especialización, si usted tiene un blog de negocios, es clave.

Con esto en mente, echemos un vistazo rápido a 6 encabezados clásicos que aplican la estrategia de las listas y a los que usted puede recurrir en su blog cuando está evaluando como aumentar el número de lectores.

1. ¿Reconozca los 7 primeros signos de advertencia de la presión arterial alta?

Utilice este tipo de titular para demostrar los conocimientos que sólo viene de conocer realmente su negocio o nicho.

2. Los cuatro ejercicios con los que resolví mi problema de acné.

Contar como resolvimos un problema que otros están teniendo llevará al lector a considerar que la nuestra puede ser la solución adecuada que está buscando, nosotros ya padecimos lo que el esta padeciendo ahora y le ofrecemos la oportunidad de terminar con ese tema que lo preocupa.

3. Seis tipos de inversores — En qué grupo Estás?

Deje que los lectores se identifiquen proporcionando categorías en las que probablemente caerán.

4. Cómo dar a sus niños hierro adicional — Aquí 3 maneras de lograrlo!

Un titular "cómo" mezclado con una lista, es una gran combinación. Tenga en cuenta que la palabra "Aquí" más el número de caminos o formas, es un uso muy específico y de gran alcance con 4 simples palabras.

5. El libro Gratis que te dice los mejores 12 secretos sobre el cuidado del césped

Utilizar este estilo de titular y estructura de contenidos con un informe gratuito o tutorial que se esté promoviendo conseguirá una amplia circulación.

6. 82 Razones por las que usted debería implementar nuestro sistema lo antes posible

Un titular especialmente audaz que ha funcionado de maravillas aplicado por ejemplo a una popular revista de noticias. El número de motivos es tan grande que es casi absurdo, y eso es bueno desde el punto de vista del valor con contenido gratuito. Además, el titular da un alerta indicando que es importante "contar con el sistema lo antes posible".

Esta serie esta compuesta por los siguientes posts:

Como crear títulos atractivos

Son realmente necesarias las palabras clave en un título

Como escribir encabezados "como" que llamen la atención

Tweet

Seis indicadores KPI para Twitter que no puedes ignorar

Mientras que algunas empresas se benefician utilizando herramientas para medir indicadores clave de rendimiento (KPI) en Twitter y ajustar sus estrategias en consecuencia, muchas compañías no tienen idea sobre lo que esto significa.

Para lograr sus objetivos, necesita medir indicadores clave de rendimiento, para mejorar continuamente sus tácticas de marketing.

Aquí, vamos a mencionar una serie de KPIs (Key Performance Indicators) que se pueden utilizar para medir su desempeño de marketing en los medios sociales.

Seis KPIs para utilizar en Twitter:

Número de seguidores
Relación Seguidores / Seguidor
Retweets
Menciones de marca
Menciones de URL
CTR

Si no está usando una plataforma de terceros o software KPI, fácilmente puede hacer una simple hoja de cálculo para rastrear sus KPI sobre una base diaria, semanal, mensual o trimestral.

1. Número de seguidores: Este es el número de usuarios de Twitter que están siguiendo su cuenta. Puede tener este indicador no solo para usted sino para sus competidores.

2. Relación Seguidores / Seguidor: Esto es un indice basado en cuantos seguidores usted tiene sobre cuantas cuentas sigue usted. Una vez más, esto es fácil de implementar para su negocio, así como para sus competidores.

3. Retweets: Poder saber cuales son los posts con mas retweets nos permite saber cuales son los temas que le interesan a nuestra audiencia y poder elaborar una estrategia en torno a esa información.

Hay una herramienta muy sencilla e intuitiva para conocer quienes nos han retweeteado y a cuántas personas en total hemos llegado.

Para acceder a ella solamente se debe ingresar por medio de la cuenta de Twitter y enseguida se llega a una pantalla que muestra los últimos tweets y la cantidad de retweets que hemos tenido.

4. Menciones de marca: Seguimiento de cuantas veces se menciona su negocio o producto en Twitter. En este caso una herramienta muy útil es social mention, para aquellos que no la han utilizado es una aplicación web de búsqueda y análisis de todos los contenidos agregados por los usuarios en internet, rastreando menciones y permitiendo conocer dónde y cuándo se efectuaron. Con ella podemos medir la influencia de nuestra marca en blogs, microblogs, redes sociales, bookmarks, etc.

Puede monitorear la influencia de su marca en más de 75 medios sociales entre ellos: Twitter, Facebook, LinkedIn, YouTube, Google, Digg, etc.

La herramienta utiliza 4 factores:

Fuerza (Strength). Es la probabilidad de que tu marca se está discutiendo en los medios sociales.
Sentimiento (Sentiment). Es el promedio de menciones positivas y negativas. 

Pasión (Passion). Es una medida de la probabilidad de que las personas que hablan de tu marca lo hagan otra vez.
Alcance (Reach). Es una medida de su rango de influencia. Es el número de autores únicos que hacen referencia a su marca, dividido por el número total de menciones. 
Como ejemplo analizamos la marca Boca Juniors en los microblogs:

5. Menciones de URL: Con qué frecuencia se menciona su URL.

6. CTR: El número de clicks que reciben los links que se publican en Twitter son un buen indicador KPI a tener en cuenta, dado que nos permite conseguir datos relacionados con la calidad de los contenidos publicados y la fidelidad de nuestros seguidores. Se puede utilizar alguna herramienta como bit.ly para registrar, medir y analizar el clic a través de las tasas de sus enlaces.

Siempre tenga en cuenta que el éxito en Twitter es más que el número de seguidores que se tienen. Se trata de participación, interacción con el cliente y crear lazos emocionales con sus clientes y productos.

Y usted que indicadores utiliza?

Tweet

Como escribir títulos "Como hacer" que llamen la atención ?

La idea de poder realizar un post en el blog que sea reenviado miles de veces en Twitter y compartido en Facebook por muchas personas siempre está en la cabeza de aquellos que llevan adelante un blog, pero para lograr el escenario planteado se requieren algunos ingredientes que no pueden faltar.
No es ningún secreto que los artículos que inician con "cómo" son algunos de los más buscados, la gente quiere información útil.
La batalla más grande comienza con el titular, si se pierde esa batalla será muy difícil obtener esa anhelada difusión viral de nuestro contenido.

#Los beneficios

En este mundo actual donde todos corren, muchas personas buscan los artículos "como" + "verbo" no para poder aprender sino simplemente para resolver un problema, una necesidad puntual, está gente ya esta ocupada con otras tareas.

Ejemplo:

¿Como solucionar error de instalación en cinema 4d sobre windows seven?

Aquellas personas que tienen que realizar un trabajo con cinema 4d se encuentran que al instalar sobre su plataforma w7 tienen un error, a ellos no les importa aprender los detalles sobre porque se genera el inconveniente, solo quieren seguir unos simples pasos y tener operativa su aplicación.
No es que la gente no es lo suficientemente inteligente como para entender las ventajas implícitas de aprender a hacer algo, solo que prioriza beneficios.
Se ha dicho que es casi imposible escribir un título "como"+"verbo", de manera equivocada, eso puede ser cierto, pero lo que viene después de esas dos palabras mágicas pueden marcar la diferencia en la cantidad de atención y lectores que su escritura obtiene.
Echemos un vistazo a la estructura de algunos famosos titulares "como" y analicemos si podemos averiguar por qué trabajan y adaptarlos a nuevas situaciones y contenido.

#Mas beneficios, mas poder

Esta puede ser una de las estructuras mas conocidas en el universo de titulares "como"+"___":

¿Cómo bajar de peso y evitar la hipertensión arterial?

La estructura del titular es poderosa, enlaza dos beneficios, luego del primer beneficio el lector vuelve a encontrar otra razón para dar click sobre el link.
Existe una sutil relación entre el beneficio de la primera parte de la estructura y la segunda, y es esa sensación que indica que si se puede lograr la primera, automáticamente usted puede alcanzar la segunda.
En determinados casos, esta implicación no tiene sentido, es decir no hay una relación de dependencia que asegure que si pasa A, se cumple B, por eso es mucho más inteligente desde el punto de vista de la credibilidad, utilizar esta estructura cuando realmente se relacionan los beneficios uno y dos. Aquí le damos algunos ejemplos que Garfinkel da en su libro:

¿Cómo conseguir un trabajo mejor y ganar más dinero?
¿Cómo ahorrar dinero y retirarse rico?

El doble beneficio de la estructura "como" siempre funcionará si se enlazan lógicamente y se ofrecen consejos relevantes y sustantivos con su contenido.

#Cómo [tarea determinada] que [beneficio gratificante]

Es a menudo más difícil de lo que se podría pensar extraer los verdaderos beneficios de aprender a hacer algo. A menudo, usted puede tomar simplemente un titulo  normal "como"+"verbo" y hacerlo mejor mediante el uso de la palabra de transición "que" y seguirlo de algún beneficio que el lector va a poder obtener, sólo pregúntese cuál es el mayor beneficio que tiene su tutorial. Luego analice la mejor manera de decirlo (lo que generalmente significa ser tan específico como sea posible).

¿Cómo obtener una hipoteca que le permita llegar a la casa de sus sueños?

#Personalizar el titular

Los titulares personalizados generan un efecto positivo porque el mensaje que se esta dando es una experiencia que alguien ya vivió, por lo tanto si A lo consiguió porque no lo podría conseguir B. Echemos un vistazo a estos famosos encabezados:

¿Cómo Mejoré mi memoria en una noche?
¿Cómo hizo una fortuna Robert Turiyu con una "Idea simple"?
¿Cómo una nueva clase de arcilla mejoró mi piel en 40 minutos?

Esta es la tercera parte de esta serie llamada titulares con magnetismo, puede leer las anteriores aquí:

1-Como crear títulos atractivos ?
2-Son realmente necesarias las palabras clave en un título?

Tweet