Minicard, tarjeta virtual con Blogger

Minicard es un diseño originalmente creado para WordPress por Mike Jolley, y portado a Blogger por BTemplates y Blog and Web. Esta es una plantilla diferente, pues NO sirve para un blog, sino para crear una tarjeta de presentación virtual.

Muestra múltiples servicios sociales, actualizaciones de Twitter, tiene soporte para páginas estáticas y configuración de colores desde el panel. No soporta entradas normales, pero desde tu tarjeta virtual puedes enlazar a tu blog.

Descargar

Sigue leyendo

Notepad Blogger Template

Notepad es un diseño originalmente creado para WordPress por N.Design, y portado a Blogger por BTemplates y Blog and Web. Es un diseño sencillo pero bastante legible y bien diseñado. Tiene dos columna, espacio para servicios sociales, soporte para página estáticas y configuración de fuentes y colores desde el panel.

notepad-blogger-template

Descargar

Blogger: Download Notepad | Demo

WordPress: Download Notepad | Demo

Instalación

Para instalarla consulta el videotutorial y nuestra miniguía de instalación. Además puedes leer nuestras preguntas frecuentes y enterarte de los problemas más comunes y su solución.

Configuración

Menú

Para agregar enlaces al menú basta con crear página estáticas desde el panel.

Servicios sociales

En el código (Inicio → Diseño → Edición de HTML) de tu plantilla busca:

<!-- Twitter -->
<a href='http://twitter.com/btemplates'><img alt='Twitter' src='http://1.bp.blogspot.com/_Zuzii37VUO4/S3e-sm7lwqI/AAAAAAAAEew/t-vJQW8WlPY/s1600/twitter.png'/>Twitter</a>

<!-- Facebook -->
<a href='http://www.facebook.com/bloggertemplates'><img alt='Facebook' src='http://4.bp.blogspot.com/_Zuzii37VUO4/S3e-sgbsENI/AAAAAAAAEe0/Q3jlgSzzDTg/s1600/facebook.png'/>Facebook</a>

<!-- Flickr -->
<a href='http://www.flickr.com/photos/fcovicente'><img alt='Flickr' src='http://4.bp.blogspot.com/_Zuzii37VUO4/S3e-sQixx3I/AAAAAAAAEes/YCWP9uP-ad0/s1600/flickr.png'/>Flickr</a>

<!-- RSS -->
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS' src='http://3.bp.blogspot.com/_Zuzii37VUO4/S3e-sRr0FNI/AAAAAAAAEeo/NKEKZC-vGDQ/s1600/rss.png'/>RSS</a>
</p>

Cambio todos los enlaces href, por los tuyos.

Fecha

Cambia el formato de cabecera de fecha (Inicio → Configuración → Formato → Formato de cabecera de fecha) por la penúltima opción.

plantilla-formato-fecha

Licencia

Licenciado bajo GPL Puedes usar, traducir, convertir, modificar o distribuir una copia de plantilla, dejando intactos los créditos (sin quitar o agregar enlaces de los créditos).

Genial paquete de iconos sobre Social Media

iconos-sobre-social-media

Navegando por DevianArt me encontré con un genial paquete de iconos para Social Media, para marcación de favoritos, promoción y otros servicios web personales diseñados por Nouveller.

Son 27 iconos y aumentando, están en 3 tamaños distintos: 16×16, 32×32 y botones de 122×42 pixeles. Contiene a los servicios típicos como Twitter, Facebook, Blogger, WordPress, Digg, etc. y otros menos comunes como Play Station, Megavideo o el mismo DevianArt.

Descargar: Social Media Bookmark Icon

La importancia de un nick en internet

nicknames

El anonimato en internet dio origen a un uso muy extendido de los nicks, palabras que nos identifican y que pueden o no estar relacionados con nuestra identidad real. Son usados en todos los servicios web, incluso nuestro correo electrónico lo muestra antes de la arroba. La wikipedia los define como:

Abreviatura muy utilizada en internet, del inglés nickname (‘alias’): nombre de fantasía que puede utilizar una persona.

Importancia

Los nicks pueden tener distintos orígenes como puede ser el nombre real, gustos o pasatiempos de cualquier tipo, números relevantes (cumpleaños, año de nacimiento, año actual, etc), en lugar donde se vive y cualquier cantidad de abreviaturas “nuevas” y palabras inventadas. Pero algo que generalmente no se considera cuando creamos nuestro nick, es que estos serán nuestra carta de presentación, prácticamente la cara que damos en internet por mucho tiempo. En reuniones físicas de comunidades (como los foros o cualquier otro tipo) es muy común que los miembros reconozcan a la otra persona solo hasta tener su nick.

Ya que el nick es la primera cara que mostramos a las demás personas en internet, también es la primera con la que nos evaluaran de acuerdo a los datos que aportamos. El año de nacimiento en el nick da cuenta rápida de nuestra edad, el año que sacamos nuestro correo (ej tony2006) dará cuenta del tiempo que tenemos en internet, los pasatiempos reflejaran lo que nos gusta y por tanto parte de nuestra forma de ser y así con cada uno de los datos que se brinden.

¿Cómo tener un buen nick?

Sería dificil de dar consejos generales sobre tener un buen nick, pues son algo personal, sería como decirle a alguien como vestir, algo muy propio de cada persona. Sin embargo si hay algunas consideraciones que podemos tener y combinarlo con nuestros gustos.

  • Corto. Un alias corto será más fácil de recordar por nuestros conocidos y amigos.
  • Atemporal. Piensa en un nombre que puedes usar ahora, pero también en 10 años, en 20. Pueden ser cosas fijas, como tus nombres o alguna combinación original de ellos, si usaras números que sean fijos, como tu año, día o mes de nacimiento. No recomiendo ponerte el año de cuando lo sacas, pues prácticamente le estas poniendo una fecha de espiración. Si vas a poner un gusto, que sea algo muy arraigado y que consideres seguirás teniendo, más de uno nos hemos arrepentido por tener cosas como francisco_007, entre otros.
  • Fonéticamente agradable. En palabras llanas, que suene bonito, fácil de pronunciar y que no se confunda con objetos y menos con animales.
  • Cómodo y que te identifique correctamente.
  • Disponible. Tener un “buen” nick esta teniendo el mismo problema que los dominios, los que nos gustan ya no están disponibles. Pero al igual que con los dominios, para los nicks hay herramientas que buscan la disponibilidad en varios servicios web, una de ellas es Check user name (vía: BlogVecindadGráfica). Obviamente lo ideal es que este disponible en todos los servicios web importantes (Flickr, Twitter, Last.fm, Blogger, WordPress, Delicious, Technorati, etc).

Un buen nick te permitirá ser identificado rápidamente y al usarlo en todos lados, te permitirá no tener problemas para recordarlo. Procura estar cómodo con tu nick y sino es así, siempre tendrás la opción de cambiarlo, aunque la idea es crear uno que te sirva mucho tiempo. Si ya tienes un nick que te agrada, regístralo en todos los servicios web importantes, no sabes si más adelante los podrás usar o si alguien hará un uso malintencionado con tu nick, además registrarlos generalmente es gratuito.

Conclusión

Los nicks se seguirán usando por mucho tiempo, son parte de la comunidad en internet, al menos hasta que no haya una ley que obligue a usar una identificación universal. Una gran ventaja de ellos es que puedes cambiarlos sin mayor problema y puedes tener más de uno, la desventaja es que muchas veces no identifican correctamente a su dueño y se prestan como arma del anonimato.

Evitar que las imágenes sean guardadas con CSS

Son muchas las razones por las que se puede necesitar evitar que imágenes en nuestros sitios web sean guardadas por el usuario e igualmente muchas las técnicas usadas para tratar de evitarlo. Una de ellas es usando CSS y aprovechando un pequeño “descuido” de los navegadores.

Normalmente los navegadores ofrecen una opción que te permite ver las imágenes de fondo de cualquier elemento, pero cuando este elemento es una imagen, la opción no se muestra. Y es claro, sería confuso para el usuario común tener dos opción referentes a imágenes al mismo tiempo, así que solo se muestra la opción más usada “Guardar imagen”.

Entonces el truco esta en mostrar una imagen con transparencia, de preferencia .gif de 1×1 px, y a esta ponerle como fondo la imagen que queremos “ocultar” junto con sus dimensiones.

Ejemplo

Primero se incluye la imagen transparente en HTML con normalidad:

<img src="imagentransparent.gif" alt="" class="imgoculta" />

Para ubicarla rápidamente en CSS se le dio la clase imgoculta. Entonces en la hoja de estilos CSS se le dan atributos a esta clase:

.imgoculta {
background:url(imagenaocultar.jpg) no-repeat 0 0;
/* Tamaño de la imagen */
height:100px;
width:100px;
}

Si todas las imágenes tienen las mismas dimensiones, se les puede aplicar esta clase y así ocultar a todas. De este modo se mostrará nuestra imagen como normalmente, pero si el usuario intenta guardarla terminará con una copia de la imagen transparente (imagentransparent.gif).

Conclusión

Esta técnica es usada por flickr para proteger las imágenes con derechos reservados. Es muy sencilla y fácil de aplicar pero para nada infalible, basta tener conocimientos de CSS y HTML y/o tener una herramienta como firebug instalada para dar con la URL de la imagen original, sin embargo si será efectiva para la mayoría de los usuarios y poco intrusiva.