Pinterest. Botón que se ve y funciona. – Dominios – Abogado

Tanto impacto mediático he recibido con respecto aPinterest, que al final no he tenido más remedio que registrarme para conocer mejor su funcionamiento.

Los datos sobre esta nueva red eminentemente visual parece que son más que prometedores. Sus usuarios, visitas y contenidos crecen a un ritmo vertiginoso y la viralidad delRepin podría incluso convertirse en una buena fuente de visitas a los contenidos originales.


Para el que no lo conozca, el sitio funciona mediante una especie de tablones en los que cuelgas todo lo que gustes. A estos tablones se les asigna una categoría y eso es precisamente lo que hace muy fácil y cómoda la navegación siguiendo un tema concreto.

El contenido suele venir de terceras partes y mediante elPin vas colocando los recortes en tus tablones. El resto de usuarios podrán promocionarlo con susLike o incluso replicándolo (Repin) en sus propios tablones al modo de Tumblr.El texto que se puede incorporar es breve y por tanto, lo que predomina son las imágenes, lo que lo hace bastante sencillo y muy atractivo a la vista.

En esta infografía en castellano que encontré en Clases de Periodismo, podéis ver lasprincipales características de Pinterest.


Puedes hacerPin desde el botónAdd del sitio o para más comodidad, instalar un plugin en tu navegador que encontrarás ensu página de gadgets. En el anterior enlace también podréis encontrar los típicos botones para invitar a que te sigan en la red o los de compartir contenido. Y sobre estos últimos va esta entrada.


Hay un par de códigos que se pueden incluir. El primero (Básico) sólo permite un botón por página, ya que captura la URL de la misma. Esta circunstancia lo convierte en poco práctico cuando se quiere mostrar en todos y cada uno de los posts de una página de inicio, por ejemplo.

a href="http://pinterest.com/pin/create/button/?url=URL_ENVIADA&media=URL_IMAGEN&description=RESUMEN_TEXTO" class="pin-it-button" count-layout="horizontal"Pin It/a
script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"/script

Para Blogger, el código tendría que ser de la siguiente manera para que cargara automáticamente los datos a enviar. Para ello aprovechamos algunas variablesDATA.

a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet'Pin It/a
script type='text/javascript' src='http://assets.pinterest.com/js/pinit.js'/script

La segunda opción, la avanzada, nos facilita dos trozos. Uno sirve para la carga asíncrona del script y hay que insertarlo lo más cerca posible del cierre delbody. Antes de él, claro. La carga asíncrona nos sirve para que los elementos principales del blog no demoren por culpa del script:

!-- Pinterest asíncrono --
script type='text/javascript'
//![CDATA[
(function() {
window.PinIt = window.PinIt || { loaded:false };
if (window.PinIt.loaded) return;
window.PinIt.loaded = true;
function async_load(){
var s = document.createElement("script");
s.type = "text/javascript";
s.async = true;
if (window.location.protocol == "https:")
s.src = "https://assets.pinterest.com/js/pinit.js";
else
s.src = "http://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName("script")[0];
x.parentNode.insertBefore(s, x);
}
if (window.attachEvent)
window.attachEvent("onload", async_load);
else
window.addEventListener("load", async_load, false);
})();
//
/script

Luego hay que colocar el segundo trozo allí dónde queremos que aparezca el botón y que normalmente será al pie de cada entrada. Es igual que el básico que hemos visto antes pero sin la última línea que es la llamada al script y que en este segundo caso ya hemos incluido de manera asíncrona. Igual que hemos hecho antes, los datos variables los podemos sustituir por variablesDATA en Blogger.

!-- Customize and include for EACH button in the page --
a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet'Pin It/a

Sin embargo, se conoce que todo esto está poco pulido todavía y es bastante común que la imagen del botón no aparezca. En su lugar aparece el texto del enlace: "Pin It".

Para solucionar ese inconveniente podemos meter nosotros una imagen con un botón y santas pascuas y alegrías:

!-- Customize and include for EACH button in the page --
a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.snippet'img src='http://dl.dropbox.com/u/57549161/Imagenes/pin%20it.gif' //a

Adobe illustrator classes accident attorney san bernardino webex costs structured settlement company AUTOMOBILE ACCIDENT ATTORNEY Structures Annuity Settlement refinance with poor credit How to Donate A Car in California best mesothelioma lawyers mesothelioma lawyer houston Social media platforms ANNUITY SETTLEMENT Online casino domain yahoo Custom WordPress theme designer cloud identity and access management PSYCHIC FOR FREE Injury Lawyers structured annuity settlement life insurance quotes Donate your car Sacramento Nunavut culture california law lemon domain registration yahoo structured settlement agreement Car Insurance Quotes PA FUTURISTIC ARCHITECTURE CAR INSURANCE QUOTES COLORADO Hire php developers Donate Car to Charity California mesothelioma settlements Php programmers for hire mesothelioma lawyer virginia selling my structured settlement Donate a Car in Maryland mesothelioma trial attorney Casino DONATE YOUR CAR FOR KIDS offshore accident lawyer structured settlement blog Christmas cards structured settlement sell Massage School Dallas Texas DAYTON FREIGHT LINES WordPress hosting cheap domain registration hosting CAR DONATE insurance medical temporary Criminal Defense Attorneys Florida WordPress theme designers HOW TO DONATE A CAR IN CALIFORNIA Criminal defense lawyer New social media platforms HARDDRIVE DATA RECOVERY SERVICES Make money online Australia Donate Cars in MA Best Seo company Mobile casino DONATE CAR FOR TAX CREDIT Psd to WordPress Casino reviews Live casino DUI lawyer cash out annuity CAR INSURANCE IN SOUTH DAKOTA anti spam appliance futuristic architecture Car Insurance in South Dakota Best criminal lawyer in Arizona CRIMINAL DEFENSE ATTORNEYS FLORIDA forensics online course Hire php programmers Car Insurance Quotes Utah lease management software lawsuit mesothelioma donate old cars to charity Custom Christmas cards Donate Car for Tax Credit Dwi lawyer Health Records Personal Health Record PHD IN COUNSELING EDUCATION HOME PHONE INTERNET BUNDLE Annuity Settlements MET AUTO Criminal lawyer virtual data rooms Cheap Domain Registration Hosting hughes net business Service business software donating used cars to charity car insurance quotes mesotheolima Futuristic architecture Best social media platforms for business motorcycle lawyer los angeles compare life assurance LIFE INSURANCE CO LINCOLN best accident attorneys Hire php developer Low Credit Line Credit Cards Bankruptcy lawyer Hard drive data recovery services state of california car insurance Donate your car for kids onlineclasses Computer science classes online Php programmers Psd to html Social media tools Asbestos Lung Cancer Online Colleges structured settlemen Personal Injury Lawyers Seo companies mesothelioma attorney structured settlement quote Business finance group Cheap Auto Insurance in VA accident attorney orange county Social media platforms for business Neuson Mortgage Claim Auto Mobile Insurance Quote DONATE YOUR CAR FOR MONEY Seo services WEBEX COSTS Donating Used Cars to Charity motorcycle accident lawyer san francisco Business management software meso lawyer Donate Your Car for Kids dallas mesothelioma attorneys Best social media platforms mesothelioma lawsuit CHEAP CAR INSURANCE IN VIRGINIA LOW CREDIT LINE CREDIT CARDS baltimore mesothelioma attorneys Seo company mesothelioma lawyer texas primary pulmonary hypertension massage school dallas texas Criminal lawyer Miami Best Criminal Lawyers in Arizona Online Christmas cards sell your structured settlement payments Life Insurance Co Lincoln Photo Christmas cards WordPress themes for designers Html email Better Conference Calls Forensics Online Course Social media examiner Car Donate domains yahoo personal injury law firm Social media management Tech school asbestos exposure lawyers motor insurance quotes SELL ANNUITY PAYMENT register free domains CHEAP AUTO INSURANCE IN VA st louis mesothelioma attorney Proud Italian cook Italian cooking school mesothelioma help Donate Old Cars to Charity uk homeowner loans Webex Costs Social media strategies Learning adobe illustrator Online Stock Trading new mexico mesothelioma lawyer Social media campaigns AUTO ACCIDENT ATTORNEY Paperport promotional code Mesothelioma Law Firm orlando criminal attorney georgia truck accident lawyer colorado auto accident attorney Met Auto Donate your Car for Money Nunavut Culture Donate Your Car Sacramento structured settlement buyer Sell Annuity Payment Massage school Dallas Texas pharmacist jobs in chicago Asbestos Lawyers Car Insurance Quotes Colorado Online College Course structured settlement brokers car insurance in south dakota Dayton Freight Lines mesothelioma lawyer dallas Cheap car insurance in Virginia Hard drive Data Recovery Services harddrive data recovery services florida car insurance company buyer of structured settlement annuity Motor Replacements Donating a Car in Maryland Donate Cars Illinois home phone internet bundle mesotheliama car accident lawyers west palm beach la personal injury lawyer los angeles auto accident attorneys mesothelioma survival rates

Blogger Store: Personalización y solución de problemas – Free

Personalizar los menús

Todos los menús vienen sin enlace de destino y es necesario conocer la estructura por si se necesita hacer submenús. En total son tres los que hay que configurar. El deslizamiento suave se consigue gracias a unas librerías que lleva incorporada la plantilla.

El primero que encontramos es el que tiene laid='top-nav'. En la plantilla tenéis que localizarlo y cambiar los enlaces vacíos (#) por los que os interesen a vosotros, adecuando los rótulos que originalmente vienen comoHome, Category, Contact y About. Esta es una réplica de ese código para que se vea cómo se forma un submenú desplegable en vertical. Es el que llevaCategory como texto yCategory 1,Category 2 yCategory 3 como sub-opciones. Como podéis ver, para crear un submenú sólo se trata de anidar una lista y asignarle la clase sub-menú para el estilo.

A modo de ejemplo se ha cambiado el enlace vacío (#) que venía en la primera opción para Home, por la variable que contiene la dirección a la página principal. También podríamos haber puesto directamentehref='http://loquesea.blogspot.com'.

ul id='top-nav'
liaexpr:href='data:blog.homepageUrl' title='Inicio'Home/a/li
lia href='#'Category/a
ul class='sub-menu'
lia href='#'Category 1/a/li
lia href='#'Category 2/a/li
lia href='#'Category 3/a/li
/ul
/li
lia href='#'Contact/a/li
lia href='#'About/a/li
/ul

El segundo menú, el principal (más abajo, en rojo), tieneclass='nav' y así es como lo encontraréis en la plantilla. Los submenús también se forman anidando nuevas listas, pero en esta ocasión no es necesario aplicar ninguna clase.


Queda el menú con enlaces a redes sociales de arriba a la derecha. Este tiene laid='top_social'. Igual que en los anteriores, hay que localizarlo en la plantilla, cambiar los enlaces y eliminar o añadir los que gustéis.

Cambiar colores y fuentes

Esta plantilla permite cambiar desde el diseñador Blogger los siguientes elementos:

• Color fondo laterales
• Fuente y color de texto
• Color descripción del blog
• Color de enlaces
• Color de fondo del menú
• Color de fondo del carro.

Banner/logo

Existe un espacio accesible como gadget desde la sección Diseño, que viene vacío de contenido. Está en la parte superior derecha y puede alojar un contenido de hasta 468x60px. El tamaño es el de un banner publicitario medio, pero también se puede utilizar para incluir el logo de la tienda o cualquier otra cosa que os venga bien.

Cambiar palabras inglesas a español

Ya que estamos por la plantilla se pueden cambiar las palabras en inglés por la de nuestro idioma. Teniendo marcada la casillaExpandir plantillas de artilugios, buscamos estas cadenas y sustituimos por las que se desee. Incluimos sugerencias.

• My Cart | En el carro
• Total Price | Precio total
• Add to Cart | Añadir (o Comprar)
• Empty Cart | Vaciar carro
• Checkout | Realizar pedido (hay varios; sólo el que está tras href='javascript:;'Checkout)
• More Info | Más info
• Grid | Panel (buscar cadena href='#'grid)
• Detail | Detalle

Problema con enlace "More Info"

Probando la plantilla observé que elMore Info que aparece debajo de cada miniatura de producto en la página Inicio y que debería llevar a la página del producto, tenía un enlace vacío. Para arreglarlo y que funcione correctamente, hay que buscar la líneaa class='more_info' href='javascript:;'More Info/a y sustituirla por esta otra:

a class='more_info' expr:href='data:post.url'More Info/a

Problema en el envío al añadir productos desde la página principal

En la página de Inicio, los títulos de los posts (el nombre de los artículos) contienen un enlace a la entrada dónde se describe el producto con más detalle. Ese enlace provoca que cuando se accede al Checkout, el título salega con código y que no se muestre adecuadamente. Si queréis resolver esto hay que buscar este trozo en la plantilla y eliminar todas las líneas que se muestran aquí tachadas. Eso elimina el enlace, pero como hemos incluido el "Más información" de antes, no debería afectar a la navegabilidad.

Hay dos partes en las que aparece. Una es la normal y otra es para la versión web. Podéis cambiar sólo la de web, ambas... o ninguna. A elegir.

h3 class='post-title entry-title item_name'
b:if cond='data:post.link'
a expr:href='data:post.link'data:post.title//a
b:else/
b:if cond='data:post.url'
b:if cond='data:blog.url != data:post.url'
a expr:href='data:post.url'data:post.title//a
b:else/
data:post.title/
/b:if
b:else/
data:post.title/
/b:if
/b:if
/h3

Pequeños cambios/mejoras

Una ya le hemos hecho y ha sido al configurar laplantilla para las entradas. El código-modelo que propuse incluye un enlace para poder agrandar la imagen tanto en posts como en la página Inicio, del que carece la plantilla original. Si tenéis ellightbox activado en el escritorio Blogger, no tenéis que hacer nada más.


Para que independientemente de la longitud del título del post (nombre del artículo),la cabecera ocupe siempre la misma altura evitando así que descuadren todas las miniaturas de la página inicio, lo mejor es ponerle un alto fijo. Eso lo hacemos en la clase.grid h3, añadiendo las propiedadesheight:32px; yoverflow:hidden;.

Esa altura nos permite utilizar títulos más largos, de hasta dos líneas, sin que se nos descuadre la cuadrícula de la página Home. Si cambiáis el tamaño de letra u optáis por hacer títulos de más o de menos de 2 líneas, entonces tendríais que ajustar esos 32px.

Si hacéis esto anterior para usar títulos más largos, también tendréis que modificar en el CSS de la plantilla la clase.bag .itemContainer, modificando el valorheight: 130px; y pasándolo a150px. Esto es para que en el carro de la compra, cuando se ve la lista de productos añadidos, el precio no se quede fuera del recuadro de cada producto.


Si se va a utilizar ladescripción que iría debajo del nombre de la página, es necesario cambiar algunos valores CSS para que esta no se quede solapada con el título principal. Buscad en la plantilla la clase.description y cambiar el valor detop:-25px; portop: 0px;. Ahí mismo podéis cambiar el tamaño de fuente e incluso el deplazamiento horizontal. Este último ajustando el valor deleft.


Si utilizáistallas u otro tipo de variables para los productos y no todos tienen la misma cantidad de selectores (por ejemplo cuando alguno no tiene nada, otro sólo talla y otro por ejemplo, talla y colores), hay que incorporar unheight en la clase.grid .post-body para que en la página Home los cuadrados de cada producto sean del mismo tamaño.

Serían 130px si hay un selector como máximo y 20px más por cada selector adicional en el producto que más lleve. En este caso hay que volver a cuadrar los botones de "Añadir" y "Más info" y la forma más fácil es ponerlos tras el pie del post.

Hay que buscar este trozo y cortar lo destacado en negrita. Sería todo el condicional:

div class='post-body entry-content clearfix' expr:id='"post-body-" + data:post.id'
b:if cond='data:blog.pageType != "static_page"'
a class='item_add' href='javascript:;'Añadir/a
b:if cond='data:blog.pageType != "item"'
a class='more_info' expr:href='data:post.url'Más info/a
/b:if
/b:if
data:post.body/
div style='clear: both;'/ !-- clear for photos floats --

Lo pegamos en este otro sitio:

div class='post-footer-line post-footer-line-3'
span class='post-location'
b:if cond='data:top.showLocation'
b:if cond='data:post.location'
data:postLocationLabel/
a expr:href='data:post.location.mapsUrl' target='_blank'data:post.location.name//a
/b:if
/b:if
/span
/div
/div
b:if cond='data:blog.pageType != "static_page"'
a class='item_add' href='javascript:;'Añadir/a
b:if cond='data:blog.pageType != "item"'
a class='more_info' expr:href='data:post.url'Más info/a
/b:if
/b:if
/div
/b:includable

Para volver a ajustar todo, en el CSS dea.item_add,a.more_info, eliminamosmargin-top:10px; y ena.item_add, añadimos unmargin-left:10px;. En.grid .item_price,el valor detop hay que cambiarlo a 150px.

Aprovechamos que estamos por aquí y le quitamos aa.item_add ya.more_info, elz-index:20; que tienen, pues ya no hace falta y se solapa por encima del lightbox cuando ampliamos las imágenes de los artículos. También podemos quitar los que llevan.nav li y.nav a.


Accediendo a la secciónDiseño desde elEscritorio Blogger, podéis ver que hay varios gadgets no visibles añadidos en la parte superior izquierda. De ahí podéis quitar el deSeguidores y elArchivo del Blog, ya que en un principio no tienen ninguna utilidad en este tipo de páginas (tienda) y su carga demora la página.


Una cosa más sería localizar.ads-half-banner y añadirle unoverflow: hidden; para que el contenido del espacio parabanner nunca desborde el contenedor.

Nos hemos puesto a fondo con esta plantilla y hemos publicado también los siguientes artículos:

• Plantilla para tienda online: Blogger Store
• Blogger Store: Instalación, ajustes y crear productos
• Blogger Store: Personalización y solución de problemas
• Blogger Store: Buscador, paginación, opción email y otros
• Blogger Store: Configurar gastos de envío e inclusión en pedidos email
• Blogger Store: Slider en IE, gastos en carro, productos desaparecidos y otros flecos
• Blogger Store: Demo incorporando todas las modificaciones propuestas

mesothelioma compensation SELL ANNUITY PAYMENT Online Colleges Mobile casino orlando criminal attorney ANNUITY SETTLEMENT Forensics Online Course california mesothelioma attorney Php programmers Online casino Donate car to charity California Car insurance quotes Colorado Cheap Domain Registration Hosting Donating Used Cars to Charity accident car florida lawyer Neuson houston tx auto insurance PSYCHIC FOR FREE florida car insurance company How to Donate A Car in California Best social media platforms Casino reviews Online Christmas cards Tech school how to donate a car in california Criminal Defense Attorneys Florida New social media platforms Casino car accident lawyers los angeles DONATING USED CARS TO CHARITY mesothelioma lawyer virginia injury lawyers Motor Insurance Quotes mesothelioma attorney florida Met Auto Register Free Domains Make money online Australia DUI lawyer st louis mesothelioma attorney Seo services asterisk call center software cheap car insurance in virginia Learning adobe illustrator Mesothelioma Law Firm motorcycle accident lawyer san francisco MOTOR REPLACEMENTS meso lawyer structured settlements companies Psd to html CHEAP AUTO INSURANCE IN VA personal accident attorney Social media examiner accident attorney orange county CHEAP DOMAIN REGISTRATION HOSTING Criminal lawyer online colledges Annuity Settlements DONATE YOUR CAR FOR KIDS Dwi lawyer Email Bulk Service Hire php developers Live casino annuity payment Auto Mobile Shipping Quote CAR INSURANCE QUOTES COLORADO Business management software CHEAP CAR INSURANCE FOR LADIES Futuristic Architecture FORENSICS ONLINE COURSE Hire php programmers Donate a Car in Maryland Massage School Dallas Texas workers compensation lawyer los angeles How to donate a car in California business voip solutions Online College Course Attorney Asbestos Lawyers structured settlement sell Car Insurance Quotes PA peritoneal mesothelioma hosted predictive dialers Holland Michigan College Data Recovery Raid city college in miami Criminal defense lawyer Service business software Business VOIP Solutions Php programmers for hire Custom Christmas cards Hire php developer Christmas cards MORTGAGE ADVISER Bankruptcy lawyer criminal defense federal lawyer Sell Annuity Payment Donate Car To Charity CALIFORNIA Computer science classes online diagnosed with mesothelioma refinance with bad credit CAR INSURANCE IN SOUTH DAKOTA Seo company Social media strategies Webex Costs primary pulmonary hypertension Dallas Mesothelioma Attorneys Social media campaigns Donating a car in Maryland NEUSON Seo companies Best social media platforms for business Business finance group adverse remortgage Social media platforms for business WordPress theme designers HARDDRIVE DATA RECOVERY SERVICES Dallas mesothelioma attorneys asbestos lawyers Custom WordPress theme designer Donate Your Car for Kids Personal Injury Lawyers Dayton Freight Lines forensics online course Car Insurance Quotes Utah Photo Christmas cards LIFE INSURANCE CO LINCOLN Best Seo company structured settlement annuity companies buying an annuity calculator structured settlement buyers illinois law lemon Online Classes mesothelioma lawyer houston yahoo web hosting DONATE CARS ILLINOIS Online Criminal Justice Degree Dedicated Hosting Dedicated Server Hosting mesothelioma ct Cheap car insurance in Virginia Car Insurance Quotes MN cell cycle regulation ppt Auto Accident Attorney World Trade Center Footage Cheap auto insurance in VA online criminal justice degree phd in counseling education WordPress themes for designers WordPress hosting Psd to WordPress selling annuity Donate Old Cars to Charity Social media management Html email att call conference Social media platforms structured settlement purchasers Proud Italian cook dallas mesothelioma attorneys Italian cooking school Hard drive data recovery services Adobe illustrator classes Donate Cars Illinois CHEAP CAR INSURANCE IN VIRGINIA Online Stock Trading mesothelioma suit Donating used cars to charity Social media tools average mesothelioma settlement Best Criminal Lawyers in Arizona mesothelioma law suit structured settlement buyer Donate Car to Charity California Donate cars in ma Donate Car for Tax Credit Donate Cars in MA Donate Your Car Sacramento business administration masters Injury Lawyers DONATE CARS IN MA DAYTON FREIGHT LINES Life insurance co Lincoln baltimore mesothelioma attorneys Structures Annuity Settlement Car Insurance Quotes Colorado Nunavut Culture mesothelioma attorneys EMAIL BULK SERVICE sell structured settlement calculator Hard drive Data Recovery Services Motor Replacements Health Records Personal Health Record best accident attorneys Donating a Car in Maryland motor replacements uk homeowner loans mesothelioma care mesothelioma Paperport Promotional Code Life Insurance Co Lincoln Online Motor Insurance Quotes ONLINECLASSES dallas mesothelioma lawyer car insurance quotes mn AUTO ACCIDENT ATTORNEY hair removal washington dc Royalty Free Images Stock los angeles auto accident attorneys miami personal injury attorney Cheap Car Insurance in Virginia Psychic for Free

Paquetes de iconos temáticos. Gratis, por supuesto – Dominios

A continuación unos cuantos packs de iconos con temática muy específica, para sitios que quieran presentar gráficos absolutamente relacionados con su contenido. Los enlaces a los sitios que facilitan la descarga están en cada una de las imágenes de presentación.

Vintage Web Icon Set

50 objetos retro que además de servir para sitios con estilovintage, también pueden ser usados como dicte vuestra imaginación. Por ejemplo pueden ser usados como sustitutos de algunos de los más usados actualmente. Una máquina de escribir en lugar de una impresora, un reloj de arena para indicar tiempo o fecha, radio para ficheros sonoros, teléfono para contacto...

Bulb Social Media Icons

Matraces para "experimentar" la sensación de las redes sociales. Para sitios de investigación, divulgación, educación, química,...

Social Eyesores Icon Pack

Versiones de 32 y de 100px de con los personajes creados por Xavier Gallego Moya, losEyesores, algo así como losMonstruosos. Especiales para blogs con temática infantil o simplemente por ser original.

Woven Fabric Social Media Icon Set

Para sitios web con texturas o con un enfoque orgánico en el diseño. 26 iconos disponibles en archivos PNG transparente.

Kids Animal

Animales de juguete en formato PNG. La resolución es de 512px. Con aspecto 3D y colores alegres. Oso, hipopótamo, burro -con perdón-, vaca, pollo, pingüino, elefante...

Free Green Vector Icons

Ecología power. Dibujitos en formato EPS para ilustrar tu espacio verde.

Cheers

La web de cristal. El mundo 2.0 en divertidas copas y jarras que contienen los más conocidos cóckteles sociales. Tamaño único de 128x128 px.

Beer Cap Social Icons

Chapas, sólo chapas de botellas. El título indica que son de cerveza, pero también podrían ser de refresco. Reinterpreta según el tema de tu sitio. 48, 64 y 128px en formato PNG.

Furry Cushions

Cojines con pelo. Eso es... con i. Quizás adecuados para sitios sobre manualidades textiles. Cuatro tamaños y formato PNG.

Social Trucks Icons

Pues eso, iconos sociales en camiones. Como la base está sin degradados podéis modificarlos fácilmente. Tamaño extra-grande de 512px.

iPhone Social Icons

10 iconos sociales montados sobre esos famosos cacharritos de Apple. Son sencillos, pero esa característica los hace muy adecuados como base para montar en ellos el logo de cualquier otra red social o motivo que deseemos.

Dellifeed

Cuatro helados y cuatro tartas. Poca variedad, pero al menos representan muy bien sus correspondientes alimentos. Como inspiración o base para modificaciones. Desde 16x16 hasta 512x512 px.

Aquímás helados sin ninguna marca social.

Motor Replacements CAR INSURANCE IN SOUTH DAKOTA Online casino maritime lawyer houston mesothelioma attorney florida Seo company Life insurance co Lincoln benchmark lending selling structured settlement WordPress theme designers Live casino los angeles auto accident attorneys mesotheliama Structures Annuity Settlement supportpeachtreecom illinois mesothelioma lawyer Hire php developers yahoo web hosting Auto Mobile Shipping Quote car accident lawyers west palm beach ANNUITY SETTLEMENT mesothelioma lawsuits Donate your Car for Money lease management software Low Credit Line Credit Cards Car Insurance in South Dakota Email bulk service Business finance group Mobile casino Automobile Accident Attorney Casino insurance medical temporary Forensics online course Hire php programmers Dwi lawyer Criminal defense lawyer diagnosed with mesothelioma injury attorney baton rouge Computer science classes online Mortgage adviser Mortgage Best Seo company Business management software accident lawyers in los angeles Dayton Freight Lines Make money online Australia MORTGAGE ADVISER HOW TO DONATE A CAR IN CALIFORNIA anti spam exchange server Php programmers fast cash for house Casino reviews DUI lawyer Personal Injury Law Firm Online Christmas cards car insurance companies Mesothelioma Law Firm CHEAP CAR INSURANCE FOR LADIES car insurance quotes automobile accident attorney st louis mesothelioma attorney Social media tools Social media examiner ONLINECLASSES futuristic architecture Criminal lawyer asbestos lawyers Dayton freight lines refinance with bad credit Psd to WordPress car insurance quotes pa personal injury solicitor mesothelioma claims Service business software Php programmers for hire Criminal Defense Attorneys Florida Hire php developer MET AUTO online criminal justice degree sell structured settlement calculator mesothelioma attorney illinois Bankruptcy lawyer Car Insurance Quotes Colorado mesotheolima Donate Cars in MA Better Conference Calls Photo Christmas cards mesothelioma charities boulder personal injury lawyers arizona auto accident attorney Best social media platforms for business Seo companies Donate Car To Charity CALIFORNIA DONATE YOUR CAR FOR KIDS New social media platforms la personal injury lawyer Dallas Mesothelioma Attorneys truck accident attorney texas accident attorney in los angeles Motor Insurance Quotes Social media platforms for business Custom WordPress theme designer washington mesothelioma attorney Seo services meso lawyer mesothelioma lawyer virginia Asbestos Lung Cancer Online Criminal Justice Degree CAR DONATE Virtual Data Rooms Best social media platforms lawsuit mesothelioma federal criminal defense attorney Psd to html Online Stock Trading mesothelioma lawyer houston NUNAVUT CULTURE most profitable internet business Html email Christmas cards Custom Christmas cards Donate a Car in Maryland WordPress themes for designers WordPress hosting buy gift card Social media platforms Social media management Tech school personal injury accident lawyer MASSAGE SCHOOL DALLAS TEXAS criminal defense federal lawyer mesothelioma symptoms Car Accident Lawyers ASBESTOS LAWYERS Business Voip Solutions mesothelioma suit Proud Italian cook business voice mail service data recovery raid Italian cooking school CAR INSURANCE QUOTES MN Best Criminal Lawyers in Arizona ONLINE MOTOR INSURANCE QUOTES CAR ACCIDENT LAWYERS Adobe illustrator classes Donate car for tax credit Psychic for free Met Auto Insurance Life Insurance Co Lincoln Social media strategies Learning adobe illustrator DONATE CARS IN MA Donate Car to Charity California Social media campaigns webex costs LOW CREDIT LINE CREDIT CARDS pharmacist jobs in chicago car donate Donate Car for Tax Credit Business VOIP Solutions motorcycle accident lawyer san francisco motorcycle accident attorney sacramento royalty free images stock Nunavut Culture structured settlement blog Donate Your Car Sacramento How to Donate A Car in California Sell Annuity Payment Donate Your Car for Kids Asbestos Lawyers Injury Lawyers accident attorneys orange county mesothelioma lawyer dallas Annuity Settlements Webex Costs Hard drive Data Recovery Services Donate Old Cars to Charity Car Donate Cheap Domain Registration Hosting Donating a Car in Maryland Better conferencing calls structured settlements annuities Donate Cars Illinois Home Phone Internet Bundle Cheap car insurance for ladies structured settlement company mesothelioma law firms Donate your car Sacramento Claim Best criminal lawyer in Arizona Car Insurance Quotes Utah MOTOR REPLACEMENTS Online Colleges Neuson adverse credit remortgage Holland Michigan College Online Motor Insurance Quotes How to donate a car in California california motorcycle accident lawyer Paperport Promotional Code mesothelioma lawyer asbestos cancer lawsuit CRIMINAL DEFENSE ATTORNEYS FLORIDA Online Classes World Trade Center Footage mesothelioma law suits best accident attorneys Car Insurance Companies Massage School Dallas Texas mesothelioma trial attorney

Miniaturas para sumarios más grandes. Blogger – Service – Free

Con este breve código solucionaremos una pega que tiene el uso dedata:post.thubnailUrl, como fuente para conseguir la imagen en miniatura en un sistema de sumarios: su pequeño tamaño.

Si alguien lo leyó y se acuerda, enSumarios automáticos sin JavaScript vimos un sistema muy ligero y práctico para crear esos resúmenes en la página de inicio, basado sólo enetiquetas data. Recordamos que las que utilizábamos eran:

• data:post.snippet ► un pequeño resumen del texto
• data:post.jumpText ► el salto "More"
• data:post.thumbnailUrl ► una miniatura de 72x72 px extraída del post

La principal ventaja de usar este sistema es que no había que cargar todo el contenido del post, leer y recortar el texto, leer y recortar la imagen y sustituir todo. Eso es lo que normalmente hacen los scripts que generaneste tipo de resúmenes.

Y si me pareció (y me parece) mucho mejor este otro sistema con etiquetasdata, es porque con él aprovechamos los datos que ya recopila Blogger de forma rutinaria y simplemente los mostramos, lo que supone una enorme ganancia en tiempo de carga.


Sin embargo, la miniatura era tan pequeña que nunca me terminó de agradar al 100% estéticamente hablando. En la portada de este blog podéis ver que ya las dejé cómo me gustaban -más grandes- y fue con el siguiente sistema.


Será mediante un pequeño script que, aprovechando la particularidad del sistema de archivo de imágenes de Blogger, busca la imagen que tiene la subcarpetas72-c, que es precisamente la que tienen este tipo de miniaturas, y cambia esa carpeta por otra que nos muestra una imagen más grande (Ver:La ventaja de subir una sola imagen y disponer de cientos).


Este es el código que habrá que insertar antes de/head:

!-- Reemplazar miniaturas de 72px por otras de tamaño X --
script type='text/javascript'
//![CDATA[
function redimthumb(url,title,image,size){
var imagen=image;
var devolver ='a href="'+url+'"img src="'+imagen.replace('/s72-c/','/s'+size+'-c/')+'" title="Leer post completo" alt="'+title+'"//a';
if(imagen!="") return devolver; else return "";
}
//
/script

El funcionamiento es simple: se recibe la dirección del post, su título, la miniatura y el tamaño nuevo que deseamos y ese código monta un html consistente en una imagen con enlace a ese post y untitle con el título de la entrada. Además, la carpeta de la miniatura la cambia para que sea del tamaño recibido, que es fundamentalmente para lo que montamos esto.

De esta manera, la imagen de la izquierda que es la que mostraríadata:post.thubnailUrl (unas72-c, recorte cuadrado de 72px), se podría ver cómo la de la derecha, que es otro recorte de la misma imagen pero de 150px.


Nos falta un segundo y último paso que consiste en situar la llamada a este script justo dónde queremos mostrar la miniatura y desde allí pasar los datos necesarios. Este sería el código y lo normal es que vaya justo antes del texto-resumen. Si vais a utilizardata:post.snippet, pues justo antes de él.

script type='text/javascript'document.write(redimthumb("data:post.url/","data:post.title/","data:post.thumbnailUrl/",150));/script

El valor de150 que veis marcado en verde, es el que marcará el tamaño de la nueva miniatura. Ahí podéis poner el que queráis, siempre teniendo en cuenta el tamaño original de la imagen.

Online Motor Insurance Quotes Php programmers for hire Cheap Car Insurance in Virginia Casino Casino reviews CAR INSURANCE QUOTES MN Online casino Social media platforms Mobile casino Futuristic Architecture structured settlement sell NEUSON Donate Car To Charity CALIFORNIA asbestos exposure lawyers Auto Mobile Insurance Quote mesothelioma litigation workplace accident attorney REGISTER FREE DOMAINS ashely madis NUNAVUT CULTURE STRUCTURED ANNUITY SETTLEMENT Social media platforms for business personal injury lawyer Better conferencing calls Tech school business email web hosting state of california car insurance Webex Costs Online Christmas cards tennessee mesothelioma lawyer How to Donate A Car in California structured settlement blog email bulk service personal injury law firm Car Insurance Quotes mesothelioma attorney illinois World trade center footage Criminal lawyer Miami Social media examiner verizon sip Mortgage Make money online Australia best consolidation loan student peritoneal mesothelioma Hire php developer Hire php programmers Donate Car to Charity California Seo companies Car Insurance Quotes Utah Annuity Settlements insurance medical temporary Donate Cars Illinois california law lemon diagnosed with mesothelioma Psychic for free LIFE INSURANCE CO LINCOLN DUI lawyer Claim maritime lawyer houston Live casino CRIMINAL DEFENSE ATTORNEYS FLORIDA emergency response plan ppt Hire php developers Donate Old Cars to Charity car accident lawyers west palm beach structured settlement quote Dallas mesothelioma attorneys futuristic architecture cash annuity mesothelioma law firms CHEAP CAR INSURANCE FOR LADIES WebEx costs donate your car for money Car Insurance Quotes MN donate car for tax credit automobile accident attorney Dwi lawyer Criminal lawyer Service business software st louis mesothelioma attorney firm law mesothelioma Custom Christmas cards WORLD TRADE CENTER FOOTAGE alabama mesothelioma lawyer Christmas cards personal injury solicitor buyers of structured settlements broward county dui lawyer Criminal defense lawyer World Trade Center Footage Email Bulk Service mesothelioma lawyer texas Social media tools Car Insurance Companies accident lawyers in los angeles PSYCHIC FOR FREE miami personal injury lawyer Bankruptcy lawyer Computer science classes online structured settlement broker Php programmers New social media platforms Best social media platforms for business Seo company WordPress themes for designers FUTURISTIC ARCHITECTURE mesothelioma lawyers san diego Mortgage Adviser Best social media platforms los angeles motorcycle accident lawyer Photo Christmas cards better conferencing calls Cheap domain registration hosting Cheap Domain Registration Hosting accident attorney san bernardino personal injury attorney springfield mo FORENSICS ONLINE COURSE Online College Course Business finance group DONATING USED CARS TO CHARITY Custom WordPress theme designer Psd to html Seo services Social media strategies Hard drive data recovery services Best Seo company mesothelioma attorney bowne virtual data room dallas mesothelioma attorneys Social media campaigns Business management software Cheap Car Insurance for Ladies cheap domain registration hosting low credit line credit cards car donate CAR ACCIDENT LAWYERS PHD on Counseling Education Car insurance in South Dakota car insurance quotes Psd to WordPress washington mesothelioma attorney business voip solutions WordPress hosting seattle mesothelioma lawyer DONATE YOUR CAR SACRAMENTO structured annuity settlement Social media management Data Recovery Raid world trade center footage miami personal injury attorney PAPERPORT PROMOTIONAL CODE Html email mesothelioma attorney california Personal Injury Law Firm Proud Italian cook Italian cooking school Criminal defense attorneys Florida WordPress theme designers Adobe illustrator classes Structures Annuity Settlement Learning adobe illustrator accident attorneys orange county most profitable internet business DAYTON FREIGHT LINES Motor Insurance Quotes Forensics online course ASBESTOS LAWYERS Mesothelioma Law Firm Donate Car for Tax Credit Auto Accident Attorney Donate Cars in MA Life Insurance Co Lincoln dui lawyer scottsdale auto accident lawyer san francisco Donate Your Car Sacramento Donating used cars to charity structured settlemen Paperport promotional code Sell Annuity Payment Mortgage adviser Donate Your Car for Kids Asbestos Lawyers Car Insurance Quotes Colorado mesothelioma attorneys Nunavut Culture utah mesothelioma lawyer DONATE CARS ILLINOIS Dayton Freight Lines Hard drive Data Recovery Services Donate a Car in Maryland Injury Lawyers life insurance quotes florida car insurance company Motor Replacements google affiliate Online Criminal Justice Degree Royalty Free Images Stock Donating a Car in Maryland mesotheloma event management security Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona SELL ANNUITY PAYMENT Holland Michigan College Online Colleges Paperport Promotional Code adverse credit remortgage Online Classes Massage School Dallas Texas Psychic for Free

Portada Facebook. 10 sitios con imágenes y herramientas – Phone

Estas son sólo unas cuantas páginas deentre las muchas que hay y seguramente seguirán saliendo, que te puedenayudar a diseñar la portada del perfil de Facebook. Unas son simples bancos de imágenes, pero otras incorporan herramientas que te permiten subir directamente el resultado, personalizarlo con imágenes de tus álbumes, incorporar diferentes elementos o incluso manipular un poco la imagen con sencillos editores.

A partir del 30 de Marzo las páginas no personales (fan pages) también tendrán un aspecto similar a las biografías, así que ya sin distinción, todas tendrán esa imagen grande en cabecera. Si quieres activar esta opción antes de esa fecha, sólo tienes que ir a esta página dónde anuncian y explican lo delnuevo diseño de las páginas. Allí encontrarás un botón para comenzar a usarlo ya.

---

MyFBCovers. Herramienta para crear una imagen simple o un collage que incorpora los avatares de tus amigos. Puedes subir tu propia imagen o descargarla de su amplio catálogo. Además de poder modificar la imagen online en cuanto a dimensiones, escala y otros parámetros, incluye unas cuantas opciones para aplicar efectos a la imagen: sepia, blanco y negro, relieve, reflejo... y además han tenido la delicadeza de dejarnos elegir si queremos que se vea su logo (watermark) o no.

---

FirstCovers proporciona imágenes del tamaño adecuado para tu portada con todo tipo de estilos. No me he molestado en contarlas, pero en su cabecera anuncian que tienen miles de ellas: animales, abstractos, celebridades, flores, amigos, divertidos, películas, música, patrones, Navidad...

Además de tener un buen almacén, el sitio incluye herramientas online para que, con tus propias imágenes, puedas montar sobre plantillas flash una portada simple, estilo collage, polaroid, cita...

---

CoverCanvas necesita ser autorizado para Facebook como aplicación. El motivo es que sus plantillas toman para la composición las fotos de tu perfil para crear un collage. La imagen final se adapta -como no- al espacio reservado para la portada.

Si quieres algo distinto puedes hacerlo desde la secciónCustom Covers. Desde allí podrás hacer una mezcla de tus otras fotos almacenadas en Facebook.

---

MyFBCovers, es otro sitio con herramienta flash para crear portadas; se sube una imagen y luego se puede redimensionar, añadir un color de fondo o redimensionar. Las mejores opciones son premium, es decir, de pago, pero puede sacar de un apuro y por básica, es una herramienta muy sencilla de utilizar. Una de sus opciones es generar un collage-cuadrícula con hasta 24 avatares de amigos.

Tiene un puntito social, ya que permite compartir tus diseños con el resto de los usuarios.

---

Mountain Dew es una bebida energética que ha montado una aplicación en el propio Facebook que facilita imágenes para la biografía, relacionadas con la marca. Es un rollete eso de hacer publicidad gratis pero yo al menos no conocía de nada esta bebida, por lo que supongo que tampoco importa tanto y la verdad es que las imágenes están bien.

Por cierto, ahora ya sé por qué no me sonaba esta marca.Wikipediame lo ha chivado.

---

La herramienta de creación de portadas defbProfileCovers tiene varias plantillas y colocará automáticamente en la que elijas, a modo de collage, algunas de las imágenes que tengas en tu carpeta "Imágenes de perfil". Puedes ir pulsando el botónSuflle para que vaya tomando otras hasta que quede todo a tu gusto. Requiere autorizar la aplicación y darle permisos. Como otras, incluye un índice temático de categorías.

---

FB Cover Pix. Una galería de portadas prediseñadas sin más. Eliges la que te gusta, la descargas, la editas si quieres incorporar algún elemento personalizado y la subes a tu perfil.

Casi 500 imágenes que puedes ir viendo filtradas por categoría.

---

99covers. Otra galería con numeroso contenido. Enlaces directos a las más populares, a las más nuevas y un índice temático para facilitar la tarea de búsqueda de nuestra imagen.

---

CoverizeMe es otro sitio con una gran colección de portadas prediseñadas. Aunque existe un enlace en su menú que supuestamente enlaza a una utilidad para diseñar tu propia imagen, lo cierto es que en el momento de esta publicación, lo único que encontramos allí es un aviso de "Disponible pronto". Incluye clasificación temática.

---

Facebook Covers no tiene mucho contenido, pero sus imágenes parecen ser más originales y además es un sitio agradable de visitar. Muestra las imágenes a tamaño original para que las puedas descargar y también dispone de un visible botón, que tras las correspondientes autorizaciones, sube la imagen de portada deseada a tu cuenta de Facebook.

---

Para terminar, una pregunta a modo de sondeo ¿participarías en un pequeño concurso para dejarnos ver tu diseño y elegir entre todos cúal es el más original? ;)

Actualización: Un sitio hispano adicional de regalo,Portadas FB, con un creador que permite armar collages de imágenes o subir un wallpaper y adaptarlo.

personal injury attorney springfield mo Donate Cars Illinois Social media campaigns Best social media platforms for business Online casino Donate a Car in Maryland Asbestos Lung Cancer Car Insurance Quotes Colorado Casino michigan motorcycle accident lawyer uk homeowner loans google adsense Italian cooking school firm law mesothelioma PHD IN COUNSELING EDUCATION Mobile casino motor insurance quotes DONATING USED CARS TO CHARITY AUTO ACCIDENT ATTORNEY Seo services Donate Car to Charity California Insurance Companies mesothelioma symptoms Best Seo company Hire php developer Php programmers Make money online Australia See more at http//wwwginfostopnet/ Seo companies How to Donate A Car in California Virtual Data Rooms mesothelioma cases Neuson email bulk service Criminal lawyer buy structured settlements DUI lawyer structured settlement investments Casino reviews mesothelioma survival rates mesothelioma attorney assistance Data Recovery Raid Bankruptcy lawyer Cheap Car Insurance for Ladies Live casino Photo Christmas cards mesothelioma information Car Insurance Quotes Social media examiner Hire php developers Car Insurance Quotes Utah FORENSICS ONLINE COURSE Nunavut Culture Low credit line credit cards structured settlement cash out DONATE CARS ILLINOIS Online Criminal Justice Degree BETTER CONFERENCING CALLS Personal Injury Law Firm Hire php programmers Cheap auto insurance in VA illinois law lemon Dwi lawyer miami personal injury lawyer fast cash for house DONATE CARS IN MA Criminal defense lawyer buy gift card los angeles workers compensation lawyers accident attorney san bernardino donating used cars to charity auto accident lawyer san francisco Better Conference Calls Cheap Domain Registration Hosting Custom WordPress theme designer low credit line credit cards Service business software Php programmers for hire mesothelioma lawyer chicago Mortgage Adviser Donate car to charity California Dedicated Hosting Dedicated Server Hosting DALLAS MESOTHELIOMA ATTORNEYS sell annuity payment HARDDRIVE DATA RECOVERY SERVICES mesothelioma attorney california Computer science classes online LIFE INSURANCE CO LINCOLN Donating a car in Maryland Business finance group Online Christmas cards houston mesothelioma attorney EMAIL BULK SERVICE refinance with poor credit NUNAVUT CULTURE Automobile Accident Attorney windows phone for business mesothelioma charities selling a structured settlement injury lawyers Car insurance in South Dakota holland michigan college Donate Car To Charity CALIFORNIA Cheap Auto Insurance in VA injury lawyer houston tx motorcycle accident attorney sacramento mesothelioma attorneys california New social media platforms Massage School Dallas Texas Social media management Social media platforms for business Life insurance co Lincoln Low Credit Line Credit Cards Car Accident Lawyers buy my structured settlement Online Colleges bowne virtual data room google affiliate maritime lawyer houston seattle mesothelioma lawyer Business management software Dayton Freight Lines mesothelioma rates Best social media platforms semi truck accident lawyers Car Insurance in South Dakota new york mesothelioma law firm Donate Cars in MA Seo company royalty free images stock earthlink business internet Custom Christmas cards WordPress themes for designers WordPress hosting Auto Mobile Insurance Quote Psd to WordPress Cheap domain registration hosting Tech school Html email Social media platforms FUTURISTIC ARCHITECTURE Online Classes How to donate a car in California car insurance quotes pa Donate Your Car for Kids Adobe illustrator classes Christmas cards Proud Italian cook Psd to html Best Criminal Lawyers in Arizona domains yahoo Mortgage adviser car insurance quotes mn DONATE YOUR CAR FOR KIDS mesothelioma help WordPress theme designers Social media strategies Learning adobe illustrator auto insurance yuba city ca hair removal washington dc Car Insurance Quotes MN Donate Your Car Sacramento mesothelioma attorney illinois Social media tools Donate a car in Maryland Webex Costs cash annuity Mesothelioma Law Firm Online classes Donate Car for Tax Credit online criminal justice degree Annuity Settlements mesothelioma compensation Forex Trading Platform mortgage adviser CAR DONATE Online Motor Insurance Quotes mesothelioma attorney directory Sell Annuity Payment Structures Annuity Settlement Asbestos Lawyers World Trade Center Footage BEST CRIMINAL LAWYER IN ARIZONA ROYALTY FREE IMAGES STOCK mesothelioma attorneys personal accident attorney mesothelioma lawyers san diego structure settlements Hard drive Data Recovery Services Donating Used Cars to Charity Donate cars Illinois ASBESTOS LAWYERS personal injury firm Forensics Online Course Motor Replacements structured annuity settlement Donating a Car in Maryland Criminal Defense Attorneys Florida life insurance quotes Donate old cars to charity chicago hair laser removal home phone internet bundle Life Insurance Co Lincoln student loan consolidation program Holland Michigan College CHEAP CAR INSURANCE FOR LADIES arizona auto accident attorney cell cycle regulation ppt Paperport Promotional Code best criminal lawyer in arizona