Añadir botones sociales a todas las imágenes

 

Fotos e imágenes se han convertido en una parte tan integral de los blogs que muchas imágenes son tan importantes como los textos. Ésto no solo es válido para los blogs de fotografía pues cualquier visitante podrá compartir la información de un post en base a la foto asociada al mismo.En el mundo moderno una imagen vale más que mil palabras  .

En este post vamos a ver cómo utilizar las imágenes para conseguir que los visitantes compartan tu posts agregando botones de social bookmarking adheridos a las imágenes de tu blog e ir directamente a compartir la imagen (de ahí el post) en Facebook , Twitter , Pinterest y otras networks.

Para ello vamos a utilizar el gadget de SlingPic que ofrece un servicio para los usuarios de Blogger. péguele un vistazo a la demo a continuación , simplemente coloque el cursor sobre las imágenes para ver las opciones :



Añadir a Blogger

Usted puede recurrir al sitio web de SlingPic y allí elegir las opciones que más le gusten o utilizar las siguientes combinaciones pre-hechas.

Nota: Debe haber iniciado la sesión en tu Blogger para poder ingresar el widget.

Default Theme

Dark Theme

Light Theme

Advertencia: En muchos blogs al introducir este servicio se observa un cambio de posicionamiento de las imágenes. Hace más de tres meses que envié la pregunta al servicio de soporte técnico y no han respondido, así que aconsejo usarlo siempre y cuando no altere la alineación de las imágenes.

Suerte.

Fuente:  http://www.spiceupyourblog.com

Leer más

Flat Design Icons Set

Nuevo conjunto de iconos que está inspirado en el nuevo diseño plano que es tendencia UI. Los iconos son minimalistas con algunos detalles distintivos para darles un poco de vida . Se ofrecen en archivo de forma vectorial psd. 

 

Leer más

Coloreando con imgr.co

Cuando nos ponemos a trabajar en nuestros blogs se pone de manifiesto que para un buen diseño hace falta no solo un toque de buen gusto sino conocer bien que paleta de colores usaremos a la hora de colorear.

Los mismos generalmente obedecen a un criterio previo o a una imagen que hemos tomado como principal.

Así resulta que nos pasamos mucho tiempo tratando de encontrar los colores que corresponden a alguna imagen y así poder continuar con el diseño.

Todo esto se soluciona con un servicio gratuito anidado en la Red imgr.co nos pertime subir una imagen específica, sea un diseño o una captura de pantalla para luego encargarse de analizarla hasta darnos la paleta total de colores con su correspondiente código hexadecimal.

http://imgr.co/imgr.php

Espero les sea de utilidad

Leer más

Retro Social Icons por BRAINLEAF

Dos conjuntos son mejor que uno! No hay mejores palabras para describir brevemente el contenido del artículo de hoy. No uno, sino dos juegos de iconos de medios sociales en un archivo zip. Perfecto para los sitios de diseño grunge. Espero que les gusten.

 

El conjunto incluye 84 iconos, dos tipos diferentes y dos medidas diferentes, a saber: 42 iconos y 42 iconos 128x128px 48x48px. En cuanto a los Términos y Condiciones de Uso, usted encontrará todos los detalles dentro del paquete zip (Readme.txt).

http://brainleaf.eu

Leer más

Presentación de diapositivas con Picasa

Sé que son muchos los lectores que se hacen malasangre con el tema de las presentaciones en Blogger. Incluso he incluido en mis tutoriales una descripción para cambiar el tamaño del widget que viene de base en Blogger. (Aquí) y que forma parte del top five de los post más frecuentados o populares en este blog.

Sin embargo la cosa es más simple desde hace un tiempo (largo). No hace falta recurrir a ninguno de los diferentes sistemas de almacenamiento de imágenes que proveen widgets de presentación, sinplemente hay que usar lo que uno tiene de regalo gracias a Google: Ésto es , por supuesto, Picasa.

Hágame caso y entre en su escritorio de Blogger.

Si usted hace Click en la imagen de su perfil en la esquina derecha superior, seguramente le aparecerán algunas opciones de entre las cuales le sugiero haga click en "Configuración de la cuenta".

Se abrirá otra ventana en la que a la izquierda y bien abajo se observa la palabra "Productos" Haga click allí.

Le aparecerá entonces una lista con todos los productos que usted está usando y entre ellos debería encontra uno llamado "Álbumes web de Picasa". Hagame caso y haga click allí.

Al entrar le aparecerá una frase que dice "Haz clic aquí para volver a Álbumes web de Picasa." hágale click porque en el nuevo formato aún no he jugado lo suficiente como para indicarle el camino.

Arme un álbum nuevo o seleccione un álbum existente. Ábralo.

En la extrema derecha le aparecerá un texto que dice "Enlazar a este álbum" hágale click.

Se desplegará un nuevo menú con una linea que dice "Incrustar proyección de diapositivas" si, adivinó, haga click

Al fin le aparecerá un menú para preparar su presentación.

Coloque la medida deseada.

Indique Reproducir automáticamente y copie el código resultante que el sistema le entrega más abajo.

Presione la tecla "Listo" y su código deberá pegarlo en algún elemento HTML, o como yo lo hago aquí, directamente dentro de un post.


Y de paso le muestro mis pinturitas.









Suerte.

Leer más

Iconos de marcas

Otro regalo para los seguidores del blog. 

Hoy  estamos encantados de ofrecer un conjunto de iconos útiles realizados por Dan Leech. El conjunto de Dan contiene 100 iconos PNG de los sitios web más populares, aplicaciones y organizaciones, todos en once tamaños (16, 24, 32, 48, 64, 128, 256, 512, 1024, 2048 y 4096 píxeles cuadrados). 

Los iconos blancos tienen fondos transparentes, lo que los hace increíblemente útiles para estilo con CSS.

 

http://www.smashingmagazine.com

Leer más

Iconos Northstar iPhone

Estos iconos de iPhone son simplemente fantásticos y pueden ser usados de mil y una maneras en tu blog. No te dejes engañar por la foto de la vista previa ... hay un total de 44 iconos realmente impresionantes en este paquete. Por lo general, se ve muchos estilos diferentes de iconos para iPhone con diferentes formas y colores y con el tiempo uno se convierte en "inmune" al "wow factor" en estas cosas, pero la mezcla de calidad y simplicidad asociada a este conjunto, en mi humilde opinión, por sí sólo lo diferencia. 

Usalos para lo que quieras.

 

 

Incluye: 44 iconos
Tipos de archivo:. Png, psd.
Max Icono Tamaño: 60 × 60
Tamaño del paquete: 0.8 MB
Autor: http://kon.deviantart.com/art/Northstar-144918566

 

Leer más

Iconos Retro Candy

Este conjunto de iconos gratis, que te regala Jan Cavan Studio Design Dawghouse, se inspira en un tema  retro dibujado a mano. Hay 18 iconos en formato PNG, de un tamaño de 200x200px. Los iconos incluyen objetos tales como una burbuja de chat, un bloc de notas, una copa de martini, y más. Modificale el tamaño y usalo como más te guste.

Lo tomamos de  http://sixrevisions.com

Leer más

Blue Icon Set

Este conjunto de iconos diseñado por Jakob Metzger contiene 27 iconos Png y 25 Ico. Todos se encuentran disponibles aquí y en Devianart. Los mismos están inspirados en los iconos Área o4 .

Puedes darles el uo que quieras mientras no sea comercial.

Leer más

Iconos de borde redondeado - Android

Un set de 106 iconos de borde redondeado tal como los usados por los teléfonos que utilizan Android. El set ha sido creado por Oc Gonzales ~kon para que lo uses libremente.

Leer más

Set de 30 hermosos iconos

Este conjunto gratuito de 30 iconos fueron creados desde cero por http://www.2expertsdesign.com  utilizando, ÂÂAdobe Fireworks. El paquete comprimido contiene ( imágenes de tamaño 48 × 48) en formato PNG, que se pueden utilizar de forma gratuita, en tus páginas web, blogs, proyectos, etc siempre que respetes los términos de uso que te dejo al final de post.

Licencia : http://www.2expertsdesign.com

¤ No se permite, bajo ningún medio, vender el paquete, y cualquiera de sus contenidos.
¤ Puede utilizar los iconos para fines personales y / o comerciales.
¤ El icono de logotipos / diseño / colores, etc son propiedad de sus respectivos propietarios.

Leer más

Iconos de profesiones artísticas

El set Art Professions Icons no estaría para nada fuera de lugar en el sitio web de la cartera de un artista. Los iconos están bajo la licencia Creative Commons Attribution 3.0 License. Usted es libre de distribuir, transformar, jugar con ellos y construir en su trabajo, incluso con fines comerciales. Por favor, siempre acreditar el diseñador original del conjunto. Los iconos no se pueden revender, sub-licenciar, alquilar, o transferir para su uso.

http://www.smashingmagazine.com

Leer más

Iconos circulares para Redes Sociales

Nunca está de más contar con un set de iconos sociales diferente y como en este caso de colores que llamen la atención invitando a los visitantes a su uso.
Circle Social Media Icons es un set de 50 iconos PNG de 48x48 px

http://www.designkindle.com

Leer más

Socialis Iconos sociales

Este set de iconos sociales  seguramente los dejará deleitados como a mi. El set se divide en dos partes y cada una de ellas en dos opciones más, la idea es que bajo su utilización se juegue con la versión en color y la letterpress que dará el efecto de presión al momento del hover o del click.

El paquete incluye la versión .png y también la .psd para modificar, quizás en la versión hundida se pueda cambiar el color para combinarlo con un fondo que ya tengan ideado, y en algunos casos el color no coincide con el original, por ejemplo el cuadrado de Skype o el isologo de Twitter.

El resultado de los elementos es increíble, y entre las dos opciones creo que aquella que utiliza los iso sueltos es la más atractiva y original, aunque en ningún caso se puede descartar ninguna. Todo dependerá de la forma en la que quieran combinarlas en su sitio. Creo que resaltarlos no será un problema ya que brillan con luz propia, lejos uno de los mejores sets que he visto en el último tiempo.

http://www.designkindle.com

Leer más

Iconos para el Día de los Enamorados

Los iconos presentados están disponibles en archivos PNG transparentes y no transparentes (256 × 256px, 512 × 512, 1024 × 1024px), así como en formato EPS y son perfectos para cualquier proyecto que tenga para el Día de San Valentín. 

Cortesía de Ricardo Gimenes y Smashing Magazine

http://provide.smashingmagazine.com

Leer más

Set de Iconos Académicos

Es un placer presentar un conjunto gratuito de iconos relacionados con la educación y el mundo académico para la comunidad del diseño. Los iconos están disponibles como archivos PNG transparentes, así como PSD de Photoshop en un tamaño de 128 × 128 píxeles. 

http://www.smashingmagazine.com

Leer más

Iconos Sociales Grunge texturados

Un gran conjunto de medios sociales icono circular que contiene un sonido sutil grunge textura. El conjunto de iconos incluye 11 de los sitios web más populares soical medios de comunicación. Espero que disfruten el conjunto de iconos y me encantaría conocer tu opinión sobre el conjunto de iconos, aswell como retroalimentación para los iconos adicionales que creamos.

 

http://creativenerds.co.uk

Leer más

Set de Iconos Sociales en Bajorrelieve

Este es un hermoso conjunto de iconos de alta calidad, que estoy más que seguro que te gustará. Los iconos son de uso gratuito, así que descargar e importar en proyectos de diseño.

El conjunto de iconos incluye 12 iconos, para 12 sitios de redes sociales muy populares entre los medios de comunicación. El tamaño del icono es de 75 px por 75 px. Los iconos son de tamaño perfecto para ser utilizado dentro de los proyectos de diseño digital.

http://creativenerds.co.uk

Leer más

Set de Iconos Sociales Starburst

Si eres diseñador este es un conjunto de iconos que vale la pena descargar. No hay excusa después de todo, es gratis. Es realmente una hermosa colección de iconos, que incluye iconos de 12 de los sitios web de medios sociales más populares. El tamaño del icono es 64px 64px por. El tamaño perfecto para proyectos web y diseño de interfaz de usuario.

http://creativenerds.co.uk

Leer más

Mini Black Social Media Icons

Simple Mini Black Social Media Icons incluye 12 iconos perfectos para ser utilizados en el diseño de interfaces móviles. Estos iconos pueden ser aprovechados como quieras, ya que su licencia permite  proyectos comerciales y no comerciales.

http://creativenerds.co.uk

Leer más