Te encuentras en la páginas de Blogsperu, los resultados son los ultimos contenidos del blog. Este es un archivo temporal y puede no representar el contenido actual del mismo.

Comparte esta página:

Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2016-04-20T16:07:00.001-07:00
¿Cómo están? Espero que muy bien. Ya estamos cerca a un nuevo fin de semana. ¡Qué rápido pasa el tiempo! Pero antes que termine esta semana, quería compartir con ustedes un pack de fuentes tipográficas gratuitas. Son las que más me han gustado hasta el momento en lo que va de este mes.

En este pack encontrarán las siguientes fuentes: Atelier Omega, Digory doodles, Smarty pants, Suwikisu, Lipograf, Peace sans, Qube, Radiance, Socialtype y Cottons .

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

april, abril, fonts, fuentes, 2016, free, download
Descargar
Etiquetas: [Empezando]  [HTMLCSS]  
Fecha Publicación: 2016-02-16T13:21:00.000-08:00
Desde hace un tiempo atrás, Blogger nos ha avisado que ya está disponible su nuevo widget o gadget de Entrada destacada. Hoy vamos a ver cómo agregarlo a nuestro blog y cómo personalizarlo un poco.

customize, gadget, blogger, post

AGREGAR EL GADGET

Para agregar este gadget a nuestro blog, sólo seguimos estos pasos:

1.§ Vamos a Diseño - Añadir un gadget y elegimos el gadget Entrada destacada.

2.§ Tendremos un panel con distintas opciones: podemos ponerle un título al gadget o no; mostrar el título de la entrada destacada, mostrar un fragmento del mismo y mostrar la imagen.
Luego, seleccionamos la entrada que queremos destacar y al lado derecho veremos una vista previa del gadget, tal como se verá en el blog.

panel, blogger, gadget

3.§ Finalmente, cuando hayamos terminado, damos clic en Guardar.

PERSONALIZAR EL GADGET

Los siguientes pasos son opcionales, con los pasos anteriores, el gadget ya estará funcionando en nuestro blog; pero si queremos cambiar un poco el estilo de nuestro gadget, podemos seguir estos pasos adicionales:

1.§ Vamos a Plantilla - Editar HTML.

2.§ Damos un clic dentro del código de la plantilla, luego presionamos la combinación de teclas CTRL+F y en la casilla search buscaremos la etiqueta de cierre ]]></b:skin>

3.§ Sobre la etiqueta, pegaremos los siguientes estilos CSS:

.post-summary img{ /* estilos imagen */
background: #ffffff;
padding: 4px;
border: 1px solid #BEBEBE;
}
.post-summary h3{ /* estilo título entrada destacada */
font-size: 22px;
font-family: 'Sue Ellen Francisco' ;
}
.post-summary p{ /* estilo fragmento de entrada */
font-xstyle: italic;
}

Cada parte del gadget podemos personalizarla a nuestro gusto. Yo agregué un borde a la imagen; cambié la fuente del título de la entrada destacada y puse en cursiva el fragmento de la entrada, pero cada uno puede cambiar los estilos como prefiera, agregando otros estilos de bordes u otros colores.

customize, blogger, post

4.§ Cuando terminemos, damos clic en Guardar plantilla. Como ven, fue muy sencillo darle un poco de estilo al gadget.
Etiquetas: [descargas]  [Diseño gráfico]  [imágenes]  [Videos]  [wallpapers]  
Fecha Publicación: 2016-02-12T11:49:00.001-08:00
Bueno, ya está muy cerca el día de San Valentín y por eso quise comporatir con ustedes este pack de recursos que puede serles de ayuda al momento de crear alguna tarjeta, cartel, etc. para ese ser tan amado o para nuestros amigos o amigas.

pack, recursos, photoshop, png, wallpaper, free, download
Este pack incluye pinceles para photoshop, elementos de San Valentín en formato png (sin fondo), motivos que pueden utilizarse como fondo y algunos wallpapers para decorar nuestra PC. Si quieres ver todo el contenido del pack, mira el siguiente video.
Espero que les guste el pack y que psen un día muy bonito ya sea con su novio, esposo o con su grupo de amigos.

Descargar
Etiquetas: [Efectos]  [Scripts]  
Fecha Publicación: 2016-02-09T14:49:00.003-08:00
Espero que se encuentren muy bien. Hoy traigo en esta entrada dos tutoriales que les pueden ayudar a personalizar un poco su blog o web para las fechas de San Valentín. Son tutoriales sencilos se seguir y ya queda sólo elegir el que más convenga a nuestro blog.

cursor, effect, heart, blog

1.§ CORAZONES CAYENDO EN EL BLOG
Al agregar el efecto, tendremos unos corazones en movimiento que caen por todo nuestro blog. Este tutorial está basado en un script javascript, muy sencillo de implementar en nuestro blog o web. Y el corazón animado que cae simula que estuviese latiendo.
( ↪ Ver Tutorial+Demo)

effect, heart, blog
2.§ EFECTO CORAZONES QUE SALEN DEL CURSOR Y REVIENTAN
Este efecto consiste en unos corazones de colores que salen del cursor al moverlo por nuestro blog. Luego, estos corazones revientan y luego, mientras movemos nuestro blog, vuelve a dejar un camino de corazones.
( ↪ Ver Tutorial+Demo)

cursor, effect, heart, blog
Espero que estos tutoriales les sean de ayuda al momento de ver la forma de personalizar su blog para San Valentín. Por otro lado, en el blog encontrarán otros recuersos para estas fechas, como fuentes tipográficas, wallpapers, pinceles, etc.

Si utilizan alguno de estos efectos en su blog, me avisan, para visitarlos.
Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2016-02-04T14:31:00.000-08:00
Espero que hayan pasado un excelente día, ya casi termina una semana más. Pero antes que acabe, quiero compartir con ustedes un pack de fuentes tipográficas del mes de febrero, son fuentes que tienen que ver con una fecha ya muy próxima: San Valentín. Quise compartirlas con ustedes, porque seguro les van a servir mucho para hacer alguna tarjeta, cartel u otra edición.

En este pack encontrarán las siguientes fuentes: Be my valentine, Clipz cupid, Cute love, DJ love, Darling MG, Love you, New romantics, Valentine in love, Valentine caps y Victorian Parlor .

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

february, febrero, fonts, fuentes, 2016, free, download
Descargar
Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2016-01-13T07:30:00.000-08:00
¿Cómo están? Espero que se encuentren muy bien. Hoy quiero compartirles un pack de fuentes del mes de enero de este nuevo año. Son unas fuentes de tistinto tipo, que me llamaron mucho la atención y que estoy segura que les servirá de mucho para alguna edición. Y si ustedes han encontrado alguna fuente bonita y nueva en este mes, pueden compartirla en los comentarios.

En este pack encontrarán las siguientes fuentes: A handmade font, Beacon, Brilliant, Broken kiss, Cerena, Eighty one, Gravity of love, Seminole, Shorelines y Vonique92 .

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 o superior, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

january, enero, fonts, fuentes, 2016, free, download
Descargar
Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2015-11-24T13:02:00.000-08:00
¿Cómo están? Espero que estén pasando un muy buen martes. Y antes que termine el día, quiero compartir con ustedes un pack de 10 fuentes tipográficas del mes de noviembre, son las fuentes que más me gustaron o me llamaron la atención a lo largo de este mes que ya casi acaba. Y, claro, si ustedes han encontrado alguna fuente bonita y nueva en este mes, pueden compartirla en los comentarios.

En este pack encontrarán las siguientes fuentes: Australia title, Piece by piece, Manophiser, One day in Malangbong, Pray for Paris, Siliwangi engineering, Tibet, Transatlantic cruise,TypoGraphica y Wina.

Una vez descargadas las fuentes, para instalarlas, sólo sigue estos sencillos pasos:

» Si tienes Windows 7 u 8, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

november, noviembre, fonts, fuentes, 2015, free, download
Descargar
Etiquetas: [Herramientas]  
Fecha Publicación: 2015-11-04T14:39:00.002-08:00
Hace unos meses atrás se lanzó en Twitter un botón que permitía crear encuestas. Sin embargo, en aquel momento sólo estaba disponible esta opción para algunos usuarios seleccionados. Lo bueno es que hace unos días esta opción está disponible ahora para todos los usuarios de Twitter, por lo que podemos crear fácilmente encuestas, desde la página web de Twitter o desde la aplicación, sea en iOS o Android. Y hoy vamos a ver cómo crear las encuestas.

twitter, encuesta, poll

En este tutorial crearé la encuestas desde la página web, pero es similar en la aplicación móvil.

1.§ Entramos a nuestra cuenta en Twitter. Por cierto, si gustan, pueden seguirme en esta red social donde comparto tips y tutoriales.

2.§ Damos clic al botón rojo de "Redactar un nuevo Tweet", ubicado en la esquina superior derecha.

3.§ Aparecerá la ventana para redactar nuestro tweet. Pero como vamos a crear una enuesta, damos clic en el botón "Encuesta".

twitter, encuesta, poll

4.§ Al dar clic al botón, la ventana cambiará. En lugar de escribir el tweet, escribimos la pregunta de la encuesta y las opciones a elegir. Por el momento, sólo podemos crear encuestas con dos alternativas.

twitter, encuesta, poll

5.§ Creada la encuesta, damos clic en Twittear y con eso nuestra encuestra está disponible para que nuestros seguidores puedan participar.
Algunos detalles adicionales de esta nueva opción, es que por privacidad, no se mostrará el nombre de los usuarios que intervinienen en la encuesta y que sólo se puede participar en la encuesta durante 24 horas.

¿Que te parece esta nueva opción de Twitter?

Fecha Publicación: 2015-10-01T10:02:00.002-07:00
Round ribbon social media icons es una colección de íconos en forma de listones, gratuitos, de las distintas redes sociales.

Tenemos la posibilidad de descargar los íconos en un formato .png, listos para utilizar o también podemos descargarlos en formatos editables, como .psd (editable en Photoshop) o .ai (editable en Illustrator).

CARACTERÍSTICAS

Pack de 20 íconos .
Autor : S-icons
Formato: PNG, PSD, AI.
Tamaños: 24×24, 32×32, 48×48, 64×64, 128×128, 256×256, 512×512 px.

ribbon, icons, free, download, facebook, gratis
Descargar
Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2015-09-10T16:15:00.001-07:00
¿Qué tal les ha ido la semana? Ya casi termina, pero espero que todo haya ido bien. Y antes que sea fin de semana, quiero dejarles un pack de 10 fuentes tipográficas del mes de septiembre. Son muy variadas y pueden utilizarlas para muchísimos diseños.

Una vez descargadas las fuentes, para instalarlas sólo sigue estos sencillos pasos:

» Si tienes Windows 7 u 8, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

September, Fonts, septiembre, descarga, free, download, photoshop
Descargar
Etiquetas: [Comentarios]  [HTMLCSS]  [Scripts]  
Fecha Publicación: 2015-08-27T17:54:00.000-07:00
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:

<script type='text/javascript'>
//Emoticones facebook en blogger
//diversas y variadas
// <![CDATA[
function emoticonComentario() {

if(!document.getElementById) {return;} // no soportado

bodyText = document.getElementById('comments');

cualTexto = bodyText.innerHTML;

// :)
cualTexto = cualTexto.replace(/:\)/g,'<img src="http://4.bp.blogspot.com/-8xntWEjmSxc/VdzvzXMVC8I/AAAAAAAACUQ/RlQJnejLA44/s1600/1.png" />');

// :D
cualTexto = cualTexto.replace(/:D/g,'<img src="http://2.bp.blogspot.com/-L0Nocd-w_cg/Vdzv2To-eqI/AAAAAAAACU0/AQW_Ws7ITVs/s1600/2.png" />');

// ;)
cualTexto = cualTexto.replace(/;\)/g,'<img src="http://1.bp.blogspot.com/-T2zxHfD5-PI/Vdzv25Ch7BI/AAAAAAAACU8/SErPWQCvpDY/s1600/3.png" />');

// A_A
cualTexto = cualTexto.replace(/A_A/g,'<img src="http://1.bp.blogspot.com/-AB4mCp-8SqM/Vdzv3K-_NGI/AAAAAAAACVA/Ql2VNzc8koU/s1600/4.png" />');

// XD
cualTexto = cualTexto.replace(/XD/g,'<img src="http://4.bp.blogspot.com/-rpeIW5u772s/Vdzv3suFaaI/AAAAAAAACVY/imKkidG3Llo/s1600/5.png" />');

// :3
cualTexto = cualTexto.replace(/:3/g,'<img src="http://2.bp.blogspot.com/-y40KCwkbFpI/Vdzv3pTGczI/AAAAAAAACVQ/K_lk4O0wsxE/s1600/6.png" />');

// X(
cualTexto = cualTexto.replace(/X\(/g,'<img src="http://1.bp.blogspot.com/-V8_9jo8dtis/Vdzv32jHEJI/AAAAAAAACVM/0vsGraShsKo/s1600/7.png" />');

// :(
cualTexto = cualTexto.replace(/:\(/g,'<img src="http://1.bp.blogspot.com/-77BIqcJEhWY/Vdzv4yAqqgI/AAAAAAAACVo/_z6ImIkJWOs/s1600/8.png" />');

// :'(
cualTexto = cualTexto.replace(/:'\(/g,'<img src="http://4.bp.blogspot.com/-xpp-JCftziQ/Vdzv4o3wNGI/AAAAAAAACVk/EbeNP6Xd97w/s1600/9.png" />');

// -_-
cualTexto = cualTexto.replace(/\-_-/g,'<img src="http://3.bp.blogspot.com/-WUTzGTdlKZ0/VdzvzMxGDlI/AAAAAAAACTg/wOS7HdoQMw0/s1600/10.png" />');

// :-
cualTexto = cualTexto.replace(/:\-/g,'<img src="http://4.bp.blogspot.com/-fpHj-6AzDG4/VdzvzftHaRI/AAAAAAAACTc/GzNV_bHp4SM/s1600/11.png" />');

// 3:
cualTexto = cualTexto.replace(/3:/g,'<img src="http://4.bp.blogspot.com/-OmQ7LYj9OhI/VdzvzvjYqSI/AAAAAAAACTk/vcBiyJJe6j4/s1600/12.png" />');

// O:
cualTexto = cualTexto.replace(/O:/g,'<img src="http://3.bp.blogspot.com/-oj0OTNHnFGE/Vdzv0EjdKhI/AAAAAAAACTw/QLAB7PH9jDs/s1600/13.png" />');

// :*
cualTexto = cualTexto.replace(/:\*/g,'<img src="http://2.bp.blogspot.com/-OwIKUG1lBNU/Vdzv0BNzZ8I/AAAAAAAACT0/JchtGag3aAs/s1600/14.png" />');

// -3
cualTexto = cualTexto.replace(/\-3/g,'<img src="http://1.bp.blogspot.com/-5WGFeMLUC0A/Vdzv0rQtMXI/AAAAAAAACUA/U_nx37LBZkE/s1600/15.png" />');

// :v
cualTexto = cualTexto.replace(/\:v/g,'<img src="http://3.bp.blogspot.com/-cmZP6gfe42I/Vdzv04UCUfI/AAAAAAAACUI/Nh9tevoC8zk/s1600/16.png" />');

// :o
cualTexto = cualTexto.replace(/:\o/g,'<img src="http://3.bp.blogspot.com/-rlUrY7GpK8M/Vdzv1GeqwzI/AAAAAAAACUY/P_84xQ9rYm0/s1600/17.png" />');

// 8-)
cualTexto = cualTexto.replace(/8-\)/g,'<img src="http://3.bp.blogspot.com/-l4YcYBvG5RQ/Vdzv1Srl-nI/AAAAAAAACUg/1O9ZrUrNAZw/s1600/18.png" />');

// 8-|
cualTexto = cualTexto.replace(/8-\|/g,'<img src="http://2.bp.blogspot.com/-jQFAsgDHIb4/Vdzv1tsR79I/AAAAAAAACUo/tcSK200ItwU/s1600/19.png" />');

// :P
cualTexto = cualTexto.replace(/:\P/g,'<img src="http://3.bp.blogspot.com/-QQ6nOhuFO24/Vdzv2eKfFEI/AAAAAAAACUw/B6TN4gculzY/s1600/20.png" />');

// O.o
cualTexto = cualTexto.replace(/\O.o/g,'<img src="http://3.bp.blogspot.com/-mVSXVTUWUFE/Vdzv2htCyhI/AAAAAAAACU4/RwH5SIGDUL8/s1600/21.png" />');

bodyText.innerHTML = cualTexto;
}
// ]]>
</script>
<script type='text/javascript'>
emoticonComentario();
</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 xstyle=' 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 xstyle=' 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.
Etiquetas: [Efectos]  [Scripts]  
Fecha Publicación: 2015-08-12T16:21:00.000-07:00
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?
Etiquetas: [Aplicaciones]  [Diseño gráfico]  [imágenes]  
Fecha Publicación: 2015-08-03T17:38:00.001-07:00
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
Etiquetas: [descargas]  [imágenes]  [wallpapers]  
Fecha Publicación: 2015-07-29T16:23:00.002-07:00
¡Hola! ¿Qué tal la semana? Espero que todo bien . Bueno, ya casi se acaba este mes y quiero traerles un pack de wallpapers para el mes de agosto, para que puedan cambiar el fondo de pantalla que han usado durante julio y renovarlo por uno nuevo.

Este pack contiene 20 wallpapers que espero les gusten tanto como a mí. Son variados, algunos de naturaleza, otros vintage, también algunos de postres y otros que tendrán que descubrir por ustedes mismos :)

August, agosto, 2015, wallpapers, nature, vintage, cat, camera, cake
Descargar
Etiquetas: [Empezando]  
Fecha Publicación: 2015-06-30T17:28:00.000-07:00
¡Qué tal el día! Ya casi se acaba el martes, pero antes de despedir este día quiero compartirles un post con información muy útil. Alguna vez te has preguntado cómo dejar directamente un enlace en un comentario, es decir, que al dar clic te lleve a la página. O por ejemplo, alguna vez sin duda, has querido, en un comentario, destacar algo en negrita o cursiva. Pues hoy vamos a ver todo esto. Son pequeños "truquitos" HTML para usar en los comentarios.

códigos, HTML, comenatrios, blogger

DEJAR ENLACE EN UN COMENTARIO
Puede que quieras dejarle a un amigo algún enlace a tu blog o puede que tú, como autor del blog, quieras dejarle un enlace a tu comentarista hacia otra entrada de tu blog con información que esté buscando. Pues es muy sencillo dejar un enlace al que se pueda hacer directamente clic. Para ello utiliza el siguiente código HTML:
<a href="AQUÍ-DIRECCIÓN-ENLACE">NOMBRE-ENLACE</a>

Reemplazamos AQUÍ-DIRECCIÓN-ENLACE por la URL del enlace y le colocamos un nombre al enlace. Nos quedaría así:

Diversas y Variadas

Por el momento, en los comentarios no funciona el HTML para que la página se abra en una nueva pestaña, sino que al dar clic se abrirá en la misma página.

DESTACAR UN TEXTO EN NEGRITA

Seguramente alguna vez tuviste la necesidad de destacar alguna parte de tu comentario en negrita. También se puede hacer esto con HTML con el siguiente código:
<b>AQUÍ-TEXTO</b>
Tu texto quedará así:

Ejemplo

Un código muy pequeño y fácil de recordar.

DESTACAR UN TEXTO EN CURSIVA

Si quieres agregar cursiva a alguna palabra de tu comentario, sólo utiliza la siguiente etiqueta HTML:
<i>AQUÍ-TEXTO</i>
Y el texto quedará así:

Ejemplo

UTILIZAR NEGRITA Y CURSIVA A LA VEZ

Si deseas aplicar a una misma palabra el efecto de cursiva y negrita, házlo de la siguiente forma:
<b><i>AQUÍ-TEXTO</i></b>
El texto en el comentario quedará así:

Ejemplo

Espero que estos pequeños "trucos" te sirvan al momento de hacer un comentario.

códigos, HTML, comenatrios, blogger
Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2015-06-22T16:32:00.000-07:00
Nueva semana. ¿Y qué tal el lunes? Espero que todo haya ido bien. Y bueno, hoy les traigo un pack de mis fuentes favoritas de este mes que ya casi se acaba. Son mis fuentes preferidas del mes de Junio, espero que a ustedes les sea de utilidad para alguna edición, cartel, etc. Y claro, si tienen alguna fuente que vieron este mes y que les encantó, pueden dejar en un comentario el nombre de la fuente para buscarla.

Una vez descargadas las fuentes, para instalarlas sólo sigue estos sencillos pasos:

» Si tienes Windows 7 u 8, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

June, Fonts, junio, descarga, free, download, photoshop
Descargar

¿Cuál es tu fuente favorita del mes?
Etiquetas: [Empezando]  
Fecha Publicación: 2015-06-10T16:59:00.000-07:00
Ya estamos a mitad de semana y hoy vamos a ver algunos tips o recomendaciones para mantener nuestro blog seguro.

tips, blog, blogger, security, seguro, consejos

Muchos aman sus blogs y se esfuerzan por sacar contenido de calidad, en mantenerlo estéticamente agradable; a veces dedican varias horas para escribir algún post que saben que puede servir de ayuda a muchas personas. Y qué triste sería que por algún descuido perdamos el acceso a nuestro blog. Hoy traigo algunas recomendaciones generales que pueden ser de ayuda.

Cambia la contraseña periódicamente
Decide cada cuánto tiempo vas a cambiar la contraseña de acceso a tu cuenta y házlo. No es necesario que inventes una nueva contraseña, bastará con cambiar los números si tu contraseña tiene números o agregarle más letras o cambiar una letra por otra. Recuerda que debe ser una contraseña que puedas recordar.

Utiliza diferentes cuentas de correo
Si vas a dar tu dirección de correo para que te alguno de tus lectores te envíe información, imágenes, etc., trata de darle un e-mail que sea distinto al que utilizas para acceder a tu blog. Claro, todo esto cambia si tu lector es de alguien de confianza.

Utiliza la opción de añadir autores
Blogger nos permite añadir autores a nuestro blog. Esta opción se utiliza comunmente en blogs compartidos, donde escriben varias personas. Pero también puedes utilizarla para agregar una dirección de correo alternativa a la principal y si alguna vez olvidas tus datos de acceso, puedes entrar con tu otra cuenta.

Evita dar clic en links sospechosos
Como escritores de un blog, apreciamos mucho los comentarios de nuestros lectores y nos alegra leerlos porque sabemos que lo que escribimos ha llegado a alguien. Pero también hay comentaristas que dejan comentarios spam o a veces con enlaces que pueden contener algún tipo de virus.

Siempre cerrar sesión
Si no utilizas una computadora propia sino que escribes desde un lugar público, no olvides cerrar sesión. También, antes de ingresar los datos de acceso a tu cuenta de Blogger en una computadora ajena, fíjate que la PC tenga instalada algún antivirus actualizado.

Estas recomendaciones son básicas, pero te ayudarán a mantener tu blog seguro.

Y tú ¿tienes algún consejo adicional?

tips, blog, blogger, security, seguro, consejos
Etiquetas: [Herramientas]  [imágenes]  
Fecha Publicación: 2015-05-25T14:04:00.001-07:00
¿Te gustan los collages? A mí sí. Son una forma muy bonita de mostrar nuestras fotos y hoy les traigo una herramienta online que nos ayuda a crear collages impresionantes en base a plantillas.
collage, online, plantilla, gratis, free
Canva es una herramienta online gratuita que nos ayudará a crear collages bonitos en pocos minutos gracias a las cientos de plantillas que pone a nuestra disposición.

Para empezar nuestro collage con Canva, tenemos que seguir estos sencillos pasos:

1.§
Nos damos de alta con un email, pero también nos permite conectarnos mediante Facebook o Google+ al instante.

2.§ Seleccionamos la opción Photo Collage.

3.§
Seleccionamos una plantilla, que por cierto hay muchísimas y todas muy bonitas.

4.§ Subimos nuestras fotos; o podemos optar por crear un collage con las imágenes que pone a nuestra disposición Canva.

5.§ Acomodamos las fotos, podemos añadir texto, filtros.

6.§ Guardamos y listo! Ahora sólo nos queda compartir nuestro collage.

collage, template, free, online, Canva
Canva
Etiquetas: [descargas]  [Diseño gráfico]  [imágenes]  
Fecha Publicación: 2015-05-20T15:45:00.002-07:00
¿Qué tal el día? Espero que muy bien. Hoy vengo con un pack de 21 marcos gratuitos en formato PNG que pueden utilizar para una infinidad de cosas: adornar un post, hacer un cartel, una tarjeta, como marco para alguna foto, etc., etc.

Los marcos vienen en distintas formas y colores, pero si quieren cambiarle el color, con algún editor de imágenes (como Photoshop por ejemplo) lo pueden hacer fácilmente. Y al estar en formato PNG no necesitan recortar nada sino simplemente utilizarlos.

frame, free, download, photo, marcos, png, pack, gratis
Descargar vía Mega
Etiquetas: [HTMLCSS]  [jQuery]  [menús blogger]  
Fecha Publicación: 2015-05-13T15:38:00.000-07:00
Espero que la semana les esté yendo muy bien a todos. Hoy les traigo un tutorial que seguro le va a resultar muy útil a más de uno. Se trata de un menú sencillo de implementar.

jQuery, menu, animated, blog, web, blogger

Este menú horizontal tienen un efecto animado al pasar el cursor sobre cada enlace y este efecto se logra gracias a la implementación de la librería jQuery.

DEMO
(Pasar el cursor sobre el menú)

Vamos a empezar con el tutorial:

1.§ Vamos a Plantilla - Editar HTML.

2.§ Ahorar agregaremos la librería jQuery. Si es que ya la tenemos en nuestra plantilla, no es necesario agregarla nuevamente y podemos saltarnos al paso 3.§ del tutorial.

Si no tenemos la librería, la agregaremos del siguiente modo. Damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos ]]></b:skin> y justo debajo pegaremos el siguiente script:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
3.§ Debajo del script anterior (de la librería jQuery), pegaremos este otro script:
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$("#topnav li").prepend("<span></span>");
$("#topnav li").each(function() {
var linkText = $(this).find("a").html();
$(this).find("span").show().html(linkText);
});
$("#topnav li").hover(function() {
$(this).find("span").stop().animate({marginTop: "-40"}, 250);
} , function() {$(this).find("span").stop().animate({marginTop: "0"}, 250);});
});
//]]>
</script>
4.§ Ahora debajo de los scripts anteriores, pegaremos los estilos CSS, donde podremos cambiar colores, tamaño de fuente, tipo de fuente, etc. :
<xstyle type='text/css'>
ul#topnav {
float: left;
list-xstyle-type: none;
margin: 0;
padding: 0;
}
ul#topnav li {
float: left;
height: 40px;
list-xstyle-type: none;
margin: 0;
overflow: hidden;
padding: 0;
}
ul#topnav a, ul#topnav span {
clear: both;
height: 20px;
line-height: 20px;
padding: 10px 15px;
float: left;
background: #000; /* color fondo menú */
font-size: 16px; /* tamaño de la fuente */
color: #fff; /* color de la fuente */
border-right: 1px solid #fff; /* grosor, tipo y color de borde */
font-family: Arial; /* fuente tipográfica */
}
ul#topnav li a:hover {
background: #9999cc; /* color fondo menú al pasar el cursor */
color: #000; /* color de la fuente al pasar el cursor */
}
</xstyle>
5.§ Guardamos la plantilla.

6.§ Ahora vamos a Diseño - Añadir un gadget - HTML/Javascript. Agrearemos las siguientes líneas HTML con los enlaces de nuestro menú.
<ul id='topnav'>
<li><a href="AQUI-URL"> Inicio </a></li>
<li><a href="AQUI-URL"> Menú-1 </a></li>
<li><a href="AQUI-URL"> Menú-2 </a></li>
<li><a href="AQUI-URL"> Menú-3 </a></li>
<li><a href="AQUI-URL"> Menú-4 </a></li>
</ul>
7.§ Damos clic en Guardar y arrastramos el gadget debajo de la cabecera de nuestro blog y damos clic en Guardar disposición.

¿Te gustó el menú?
También te pueden ser útiles estos menús
Etiquetas: [descargas]  [Iconos]  
Fecha Publicación: 2015-04-30T16:13:00.001-07:00
Sakura Icons es una colección gratuita de íconos basados en la famosa ceremonia de té japonés.

CARACTERÍSTICAS

Pack de 10 íconos .
Autor : Hybridworks
Formato: ICO, PNG, ICNS.
Tamaños: 16×16, 32×32, 48×48, 128×128 px.

sakura, icons, free, download, gratis
Descargar
Etiquetas: [Efectos]  [HTMLCSS]  [Iconos]  [Marcadores sociales]  
Fecha Publicación: 2015-04-22T16:16:00.001-07:00
¿Cómo va la semana? Espero que bien. Bueno, pues hoy vengo con un nuevo tutorial para nuestros blogs. Visitando diversos blogs, he notado que muchos colocan su foto en la sidebar (barra lateral) del blog. Así que hoy traigo un tutorial para darle un efecto muy bonito a las fotos de perfil que colocamos en la sidebar.

HTML, CSS, tutorial, blogger, efecto hover, effect, foto, perfil, redes sociales

Ahora, ¿de qué trata el efecto?. Es muy simple y útil. Al pasar el cursor sobre la foto, se hará un efecto como si alguien volteara la foto y viera el reverso. En ese reverso podemos colocar información extra ( como nuestro nombre, alguna información sobre nosotros, nuestro país, edad, etc.) y también podemos colocar enlaces a nuestras redes sociales. Yo he colocado cuatro íconos a redes, pero pueden cambiar los íconos por otros y/o agregar más redes.

Aquí pueden ver la demo:

DEMO
(Pasar el cursor sobre la imagen)


Ahora a empezar con el tutorial:

1.§ Vamos a Plantilla - Editar HTML.

2.§ Damos un clic dentro del código, luego CTRL+F y en la casilla search buscaremos ]]></b:skin> y justo debajo pegaremos los siguientes estilos CSS:
<xstyle type='text/css'>
.ch-item {
border-radius: 50% 50% 50% 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
cursor: default;
height: 100%;
position: relative;
width: 100%;
}
.ch-info-wrap {
background: transparent url(/URL/index.html) repeat scroll 0 0 ;
border-radius: 50% 50% 50% 50%;
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 3px rgba(115, 114, 23, 0.8) inset;
height: 180px;
left: 20px;
perspective: 800px;
position: absolute;
top: 20px;
transition: all 0.4s ease-in-out 0s;
width: 180px;
}
.ch-info {
border-radius: 50% 50% 50% 50%;
height: 180px;
position: absolute;
transform-xstyle: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: 180px;
}
.ch-info > div {
backface-visibility: hidden;
background-position: center center;
border-radius: 50% 50% 50% 50%;
display: block;
height: 100%;
position: absolute;
width: 100%;
}
.ch-info .ch-info-back {
background: none repeat scroll 0 0 #ffffff;
transform: rotate3d(0, 1, 0, 180deg);
}
.ch-img-1 {
background-image: url("AQUI-URL-FOTO-PERFIL");
}
.ch-info h3 {
color: #000000;
font-family: 'Open Sans',Arial,sans-serif;
font-size: 14px;
height: 22px;
letter-spacing: 2px;
margin: 0 15px;
padding: 30px 0 0;
text-shadow: 0 0 1px #ffffff, 0 1px 2px rgba(0, 0, 0, 0.3);
text-transform: uppercase;
}
.ch-info p {
border-top: 1px solid rgba(0, 0, 0, 0.5);
color: #000000;
font-size: 12px;
font-xstyle: italic;
margin: 0 30px;
padding: 5px 3px 10px 3px;
}

.ch-item:hover .ch-info-wrap {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 3px rgba(115, 114, 23, 0.8) inset;
}
.ch-item:hover .ch-info {
transform: rotate3d(0, 1, 0, -180deg);
}
.ch-grid {
display: block;
list-xstyle: none outside none;
margin: 20px 0 0;
padding: 0;
text-align: center;
width: 100%;
}
.ch-grid:after, .ch-item:before {
content: "";
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
display: inline-block;
height: 220px;
margin: 20px;
width: 220px;
}
</xstyle>
» Donde dice AQUI-URL-FOTO-PERFIL colocaremos la url de nuestra foto, previamente alojada. Debemos tener en consideración que la foto debe tener como mínimo un tamaño de 220x220px.

3.§ Damos a Guardar.

4.§ Ahora vamos a Diseño - Añadir un gadget - HTML/Javascript. Pegaremos el siguiente código HTML:
<ul xclass='ch-grid'>
<li>
<div xclass='ch-item ch-img-1'>
<div xclass='ch-info-wrap'>
<div xclass='ch-info'>
<div xclass='ch-info-front ch-img-1'></div>
<div xclass='ch-info-back'>
<h3>NOMBRE-AUTOR-BLOG</h3>
<p>DESCRIPCIÓN</p><a href="AQUI-ENLACE-TWITTER" target="_blank"><img title="Sígueme en Twitter" widht="28" height="28" src="http://2.bp.blogspot.com/-iAH8FsMtVCk/U8RVrr7CsYI/AAAAAAAACBQ/iGLizY3Tpek/s1600/Twitter-diyvapng.png" /></a><a href="AQUI-ENLACE-YOUTUBE" target="_blank"><img title="Estoy en YouTube" widht="28" height="28" src="http://2.bp.blogspot.com/-VhSq7QxB6dw/U8RV2e4t01I/AAAAAAAACBY/VF1SnbM4KhA/s1600/Youtube-diyva.png" /></a><a href="AQUI-ENLACE-FACEBOOK" target="_blank"><img title="Sígueme en Facebook" widht="28" height="28" src="http://2.bp.blogspot.com/-l8uzNOzVdIg/U8RVIp4fw_I/AAAAAAAACA4/4vMym8X36Dk/s1600/Facebook-diyva.png" /></a><a href="AQUI-ENLACE-PINTEREST" target="_blank"><img title="Sígueme en Pinterest" widht="28" height="28" src="http://4.bp.blogspot.com/-FyXzh2ZZOlg/U8RVcYC16pI/AAAAAAAACA8/-7UpxAuZjHk/s1600/Pinterest-diyva.png" /></a>
</div>
</div>
</div>
</div>
</li>
</ul>
» Reemplazamos las URL por las distintas URL de nuestras redes sociales. Podemos agregar más o quitar algunas. Damos a Guardar.
Si tienes alguna duda, puedes hacerla en los comentarios.

¿Te gustó el efecto?

Visto en : Tympanus
Etiquetas: [descargas]  [texto]  [Tipografía]  
Fecha Publicación: 2015-04-09T16:36:00.000-07:00
¿Qué tal el jueves? Ya falta muy poquito para el fin de semana. Y antes que se acabe la semana, les traigo un pack de 10 fuentes tipográficas gratuitas del mes de marzo, que pueden descargar y utilizar en sus blogs, en algún cartel, proyecto, postal, edición, etc.

Para instalar las fuentes sólo sigue estos pasos:

» Si tienes Windows 7 u 8, simplemente da clic derecho sobre una fuente y buscas la opción Instalar del menú contextual.
» Si tienes Windows XP, copiamos la fuente tipográfica y vamos a Mi PC, Disco C, Windows, Fonts y pegamos el archivo de la fuente.

April, Fonts, abril, descarga, free, download
Descargar

¿Cuál de las fuentes del pack te gustó más?
Etiquetas: [descargas]  [Diseño gráfico]  [Photoshop]  
Fecha Publicación: 2015-04-06T16:13:00.000-07:00
¿Qué tal el fin de semana? Espero que muy bien. Hoy empezamos la semana con nuevos post. Y el post de hoy me gusta mucho porque voy a compartir con ustedes algunos sets de pinceles muy buenos para Photoshop.

brushes, pinceles, acuarela, watercolor, pencil, crayon, free, download

Hoy les compartiré tres sets de brushes ideales para el dibujo digital, son pinceles que dan el efecto de estar usando acuarelas, lápices de grafito y crayolas.

PINCELES DE ACUARELA

Este pack de pinceles de pixelstains incluye cinco brushes que darán el efecto de pintura de acuerela a tus pinturas o dibujos.

brushes, pinceles, acuarela, watercolor
Descargar

PINCELES DE LÁPIZ

Este pack de Lilaccu es bastante completo; incluye 14 pinceles, cada uno con un propósito diferente que darán un toque real, como si verdaderamente estuvieras dibujando con un lápiz de grafito.

brushes, pinceles, lápiz, pencil
Descargar

PINCELES DE CRAYÓN

Este pack de OhSoCriminal trae 10 pinceles de crayón que nos dará ese efecto que todos recordamos (quién, de pequeño, no pintó alguna vez una pared con crayones! ) .

brushes, pinceles, crayon
Descargar

¿Cuál de los packs de pinceles te gustó más?
Etiquetas: [Herramientas]  
Fecha Publicación: 2015-03-23T15:42:00.000-07:00
Lunes, nueva semana, nuevo post. Hoy les hablaré de otro banco de imágenes gratuito que encontré al buscar una foto que necesitaba para una edición. La página se llama FreeStockPhotography.

free, stock, photography, imágenes, fotos, gratuitas

Tal como indica el nombre de la página, las fotografías son gratuitas y pueden usarlas en sus diseños, en algún post, cartel, etc. Las fotografías están divididas por categorías en varios álbumes.

Lo que sí debemos tomar en cuenta es que no se permite el uso de las fotografías en publicaciones o ediciones que puedan considerarse eróticas o que inciten al racismo u odio. Tampoco se permite el uso de las fotos para hacer con ellas un nuevo banco de imágenes.

Y ustedes ¿suelen usar frecuentemente fotografías de bancos de imágenes?
¿Conocen alguna web similar?
FreeStockPhotography