Emoticones de Facebook en los comentarios de Blogger

Hola. ¿Cómo estuvo el día? Espero que muy bien. Sean bienvenidos a un nuevo post. Bueno, hoy les traigo un tutorial que seguro a más de uno le va a gustar. Se trata de cómo hacer para que cuando nos dejen un comentario, nuestros lectores puedan adornar sus comentarios con emoticones, pero con los que vemos en facebook. Es muy fácil de implementar. Y es válido en los comentarios anidados de Blogger.

( Ver DEMO)
facebook, emoticons, blogger, web

Bueno, empecemos.

1.§ Vamos a Plantilla - Editar HTML.

2.§ Damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos </body> y justo encima de éste, pegaremos el siguiente script:


3.§ Ahora vamos a colocar la imagen que le indicará a nuestros lectores cómo pueden colocar un emoticón en su comentario. Damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos <p><data:blogCommentMessage/></p>. En la plantilla veremos que hay cuatro líneas de código iguales. Buscaremos la segunda y debajo, pegaremos este código:
<p style=' border:0px;margin:0px 10px 0px 100px; '><img src='URL-IMAGEN'/></p>
Donde dice URL-IMAGEN, lo reemplazaremos por una de estas dos imágenes. La primera es para lo que tienen en su blog un fondo blanco o claro; la segunda es para los que tienen en su blog un fondo negro u obscuro:

» Imagen para blog con fondo claro:
http://1.bp.blogspot.com/-fhfGcBKcswE/Vd5NH8CGgMI/AAAAAAAACWc/Qni7BYbiewU/s1600/diyva_jessica_motic_fondclaro.png

» Imagen para blog con fondo claro:
http://2.bp.blogspot.com/-DKBCpbjkq70/Vd5NIMvfhAI/AAAAAAAACWg/TDEztsf8oRo/s1600/diyva_jessica_motic_fondnegro.png
Para centrarlas o ubicarlas a la posición que queremos, bastará con cambiar los valores margin: 0px 10px 0px 100px.

4.§ Nuevamente, damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos nuevamente esta línea de código:
<p><data:blogCommentMessage/></p>.
Esta vez buscaremos la cuarta y debajo pegaremos lo siguiente:
<p style=' border:0px;margin:0px 10px 0px 200px; '><img src='URL-IMAGEN'/></p>
Reemplazamos URL-IMAGEN por la misma imagen que utilizamos en el paso anterior.

5.§ Ahora, para que los emoticones no aparezcan debajo de la caja de comentarios después de dejar el primer comentario, haremos lo siguiente. Damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos la siguiente línea:
document.getElementById(domId).insertBefore(replybox, null);
Y la reemplazaremos por esta línea de código:
document.getElementById(domId).insertBefore(replybox.parentNode, null);
6.§ Damos clic a Guardar y eso es todo. Espero que les haya gustado el tutorial. Pueden dejar sus comentarios o alguna duda que tengan. Que pasen un buen fin de semana.

6 efectos para el cursor de tu web o blog

Espero que se encuentren muy bien. Ya casi entramos a un nuevo fin de semana y hoy vamos a ver, en esta entrada recopilatoria, seis efectos que podemos agregar al cursor de nuestro blog de Blogger o en un sitio web.
Todos los efectos son sencillos de agregar, ahora sólo falta que decidan cuál les gusta más para incorporarlo a su blog.

cursor, effects, efectos, estrellas, burbujas, corazones, tinkerbell, tumblr, blogger

Empecemos.

1.§ EFECTO ESTRELLAS DE COLORES EN EL CURSOR
Al agregar este efecto, unas estrellas de colores caerán por nuestro blog al mover el cursor. ( Ver Tutorial+Demo)


2.§ EFECTO BURBUJAS EN EL CURSOR
Éste es otro efecto bastante vistoso para nuestro blog. Se trata de unas burbujas que suben por la pantalla al mover el cursor. Fácil de implementar y personalizable.
( Ver Tutorial+Demo)


3.§ EFECTO CLIC EXPLOSIÓN DE ESTRELLAS
Se trata de un efecto de explosión de estrellas de colores que funciona al dar clic en cualquier parte de nuestro blog.
( Ver Tutorial+Demo)


4.§ EFECTO HUMO QUE SALE DEL CURSOR
Al seleccionar algo en nuestro blog o dar clic en alguna parte de la pantalla, saldrá humo del cursor. Un efecto bastante singular.
( Ver Tutorial+Demo)


5.§ RELOJ DE COLORES QUE SIGUE AL CURSOR
Al agregar este efecto, tendremos un reloj de colores, con fecha y hora, que seguirá al cursor. Se peuden cambiar todos los colores a nuestro gusto.
( Ver Tutorial+Demo)

cursor, efecto, clock, blog

5.§ EFECTO CORAZONES QUE SALEN DEL CURSOR Y REVIENTAN
En este efecto, unos corazones saldrán del cursor al moverlo y mientras suben por la pantalla irán reventando.
( Ver Tutorial+Demo)

cursor, effect, heart, blog
¿Cuál de los efectos es el que te gustó más?

Cómo agregar texto y stickers a tus fotos en Android

Empezamos esta nueva semana con un post que seguro les va a gustar mucho. Quizás a más de uno le ha pasado que ha tomado una foto con su celular o tablet y quiere agregarle algún texto o stickers para darle un plus a su foto y no sabe cómo, o piensa que sólo lo podría hacer con algún programa de edición (como Photoshop, por ejemplo).

Pero hoy veremos que podemos hacerlo directamente en nuestro celular Android a través de una aplicación.
text, photo, sticker, label, android, agregar, texto, app
Font Over: Label text on photo , es una aplicación que nos permite agregar texto personalizable, podemos elegir entre varios tipos de fuentes, cambiar el tamaño del texto, el estilo, formato, etc.

También podemos agregar etiquetas a las fotos, con muchas formas y también edita su tamaño y ubicarlas en algún lugar de nuestra foto. Y finalmente, podemos agregar stickers que le darán un toque alegre a nuestras fotos.

Y claro, después de terminar con la edición de la foto, podemos compartirla por las distintas redes sociales.

¿Eres de los que decora sus fotos? ¿Qué te pareció Font Over?

Font Over: Label text on photo

inicio