Presentar los posts populares como barras de colores – Justicia – Lawyers

Este efecto consiste en transformar el gadget de entradas más populares de manera que en lugar del típico blogroll, se vean unas barras gruesas de distintos colores y tamaños que contendrán el título (y enlace) del post y una pequeña miniatura.

Para ciertos diseños puede quedarmuy cuco y aunque el código es un poco largo, realmente se instala en unos pocos pasos y la mayoría son de copiar y pegar.

Supongo que estará en más sitios, pero un servidor vio esto enHelpBlogger y sólo ha añadido el código para edición rápida del gadget, algunas pequeñas explicaciones adicionales y esta página de demostración dónde se puede ver en acción.

Demo

0Un paso previo seríaeliminar el gadget de serie caso de que lo tuviéramos instalado. Se podría sustituir por el que veremos más adelante, pero creo que es más fácil así. Sin miedo, que si no os sale esto -que os saldrá- o no os gusta una vez puesto, con añadirlo de nuevo estará todo solucionado.

Escritorio ► Diseño ► Gadget Entradas Populares ► Editar ► Eliminar

1Ahora editamos la plantilla. Mejor NO expandir plantillas de artilugios para que el código no se haga muy largo y confuso.

Escritorio ► Plantilla ► Edición HTML ► Continuar

Lo primero sería copiar justo después de/* Variable definitions =========== el código necesario paragenerar unas variables que después podremos utilizar desde elDiseñador de plantillas para cambiar fácilmente los colores.

Para las últimas versiones de plantillas sería este:

Group description="PopularPosts Backgrounds" selector="#PopularPosts1"
Variable default="#fa4242" description="background color1" name="PopularPosts.background.color1" type="color" value="#ff4c54"/
Variable default="#ee6107" description="background color2" name="PopularPosts.background.color2" type="color" value="#ff764c"/
Variable default="#f0f" description="background color3" name="PopularPosts.background.color3" type="color" value="#ffde4c"/
Variable default="#ff0" description="background color4" name="PopularPosts.background.color4" type="color" value="#c7f25f"/
Variable default="#0ff" description="background color5" name="PopularPosts.background.color5" type="color" value="#33c9f7"/
/Group

Para las plantillas anteriores (no las clásicas), sería este otro y la diferencia es que no nos saldrían todos los colores en la misma opción del menú:

Variable default="#fa4242" description="background color1" name="PopularPosts.background.color1" type="color" value="#fa4242"
Variable default="#ee6107" description="background color2" name="PopularPosts.background.color2" type="color" value="#ee6107"
Variable default="#f0f" description="background color3" name="PopularPosts.background.color3" type="color" value="#ff00ff"
Variable default="#ff0" description="background color4" name="PopularPosts.background.color4" type="color" value="#ffff00"
Variable default="#0ff" description="background color5" name="PopularPosts.background.color5" type="color" value="#00ffff"

2Ahora nos vamos algo más abajo yen la parte CSS insertamos el estilo. Para no fallar, lo hacemos justo antes de/b:skin:

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none;}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px;}
#PopularPosts1 ul li:first-child{background:$(PopularPosts.background.color1);width:90%;}
#PopularPosts1 ul li:first-child:after{content:"1";}
#PopularPosts1 ul li:first-child + li{background:$(PopularPosts.background.color2);width:85%;}
#PopularPosts1 ul li:first-child + li:after{content:"2";}
#PopularPosts1 ul li:first-child + li + li{background:$(PopularPosts.background.color3);width:80%;}
#PopularPosts1 ul li:first-child + li + li:after{content:"3";}
#PopularPosts1 ul li:first-child + li + li + li{background:$(PopularPosts.background.color4);width:75%;}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4";}
#PopularPosts1 ul li:first-child + li + li + li + li{background:$(PopularPosts.background.color5);width:70%;}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5";}
#PopularPosts1 ul li:first-child:after,#PopularPosts1 ul li:first-child + li:after,#PopularPosts1 ul li:first-child + li + li:after,#PopularPosts1 ul li:first-child + li + li + li:after,#PopularPosts1 ul li:first-child + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:40px;height:40px;}
#PopularPosts1 ul li a{font-size:12px;color:#444;text-decoration:none;}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none;}

Además de otras propiedades más comunes como márgenes, bordes, fuentes, etc., si os fijáis todo esto no es más que asignar un color de fondo distinto a cada uno de los elementos de la lista que forma la relación de posts, usando las variables que generamos en el paso anterior. Para ello utilizamos la pseudoclasefirst-child y los selectores que nos permiten usar el siguiente elemento (+li), el siguiente del siguiente (+li+li) y así hasta completar los cinco que vamos a poder conseguir con este código.

Si queréis añadir más de cinco ya tenéis los dos primeros sitios que habrá que ampliar: las variables y el estilo. Si no vais a necesitar/querer el diseñador para cambiar los colores, el paso 1 os lo podéis saltar y directamente ponéis un código de color hexadecimal en lugar de$(PopularPosts.background.colorX).

Los números en cadacontent también los podéis cambiar por otra cosa, como por ejemplo una flecha o un asterisco. Cualquierentidad HTML os podría servir, pero también está la opción decolocar una pequeña imagen. En fin por ahí van los tiros para modificar cosas.


3Ahora hay que buscar unb:widget parainsertar el nuevo artilugio. En un principio se podría poner detrás o delante de cualquiera pero si buscáis lasection correspondiente al bloque dónde lo queréis colocar, pues os ahorráis luego tener que moverlo. Por ejemplo, en la plantilla demo lo coloqué en la sidebar, justo el primero:

b:section-contents id='sidebar-right-1'
AQUÍ PARA QUE SALGA EL PRIMERO
b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/
TAMBIÉN PODRÍA IR AQUÍ
b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'/
O AQUÍ

Este es el código que habría que insertar en ese lugar:

b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'
b:includable id='main'
b:if cond='data:title'
h2data:title//h2
/b:if
div class='widget-content popular-posts'
ul
b:loop values='data:posts' var='post'
li
b:if cond='data:showThumbnails == "false"'
b:if cond='data:showSnippets == "false"'
a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'data:post.title//a
b:else/
a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'data:post.title//a
/b:if
b:else/
b:if cond='data:showSnippets == "false"'
b:if cond='data:post.thumbnail'
img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/
b:else/
img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBNKTfDCUQfcs_MUfRt1IypZ_xeCKRGkPDVyIB15xONmlIcWWbNEAHQSx95Bsrfr_WPKWFMa0IYghGjGJXLm_T1Qs4ZEu3MC0713H4Z1msqEXKhcP6j0DQX45CVEFY4PJN8fwPc-IQHT0/s1600/default.jpg'/
/b:if
a expr:href='data:post.href' expr:title='data:post.title' rel='bookmark'data:post.title//a
div class='clear'/
b:else/
b:if cond='data:post.thumbnail'
img class='item-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnail'/
b:else/
img alt='no image' class='item-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBNKTfDCUQfcs_MUfRt1IypZ_xeCKRGkPDVyIB15xONmlIcWWbNEAHQSx95Bsrfr_WPKWFMa0IYghGjGJXLm_T1Qs4ZEu3MC0713H4Z1msqEXKhcP6j0DQX45CVEFY4PJN8fwPc-IQHT0/s1600/default.jpg'/
/b:if
a expr:href='data:post.href' expr:title='data:post.snippet' rel='bookmark'data:post.title//a
div class='clear'/
/b:if
/b:if
/li
/b:loop
/ul
b:include name='quickedit'/

/div
/b:includable
/b:widget

Guardamos y ya tenemos nuestras coloridas barras a falta de unos pequeños ajustes.


4Seleccionar el número correcto de entradas a mostrar para lo cual editamos el gadget bien desdeDiseño, bien con el icono de edición rápida y marcamosMostrar un máximo de 5 entrada(s), tantas como colores hemos definido con los anteriores códigos.

5Por último, si queremos cambiar los colores de cada barra sólo habrá que acudir al Diseñador de Plantillas...

Escritorio ► Plantilla ► Personalizar ► Avanzado ► PopularPosts Backgrounds

...y desde allí ir seleccionando los que nos gustan.

workers compensation lawyer los angeles Online casino CHEAP DOMAIN REGISTRATION HOSTING domain name yahoo Nunavut Culture Online Christmas cards Cheap car insurance for ladies Casino boulder personal injury lawyers Donating a Car in Maryland Adobe illustrator classes domain yahoo Live casino car insurance quotes colorado Online Classes Insurance mesothelioma lawyer dallas Mobile casino selling a structured settlement Donate Car To Charity CALIFORNIA Forensics Online Course structured settlement quote data recovery raid Casino reviews Car Insurance Quotes PA meso lawyer HOLLAND MICHIGAN COLLEGE Hire php programmers HOME PHONE INTERNET BUNDLE Business management software Hire php developers Psd to WordPress WordPress themes for designers Seo services Best social media platforms for business domain registration yahoo harddrive data recovery services Make money online Australia canada personals yahoo Donate old cars to charity structured settlement need cash now LOW CREDIT LINE CREDIT CARDS Car Insurance in South Dakota philadelphia mesothelioma lawyer Donate your car Sacramento attorney lawyer mesothelioma Proud Italian cook Injury Lawyers email bulk service mesothelioma lawyer chicago DUI lawyer baltimore mesothelioma attorneys CRIMINAL DEFENSE ATTORNEYS FLORIDA emergency response plan ppt uk homeowner loans Criminal lawyer car accident lawyer san bernardino sell annuity payment california law lemon HARDDRIVE DATA RECOVERY SERVICES Dwi lawyer Cheap Car Insurance in Virginia Php programmers Sell Annuity Payment benchmark lending Service business software Criminal defense lawyer Php programmers for hire Donate your car for kids Hire php developer los angeles auto accident attorneys peritoneal mesothelioma Claim New social media platforms Bankruptcy lawyer Donate Car for Tax Credit Learning adobe illustrator CAR INSURANCE QUOTES COLORADO Computer science classes online REGISTER FREE DOMAINS Social media platforms for business mesothelioma Seo companies automobile accident attorney WordPress hosting Donating Used Cars to Charity injury lawyers west palm beach MASSAGE SCHOOL DALLAS TEXAS How to Donate A Car in California Business finance group MESOTHELIOMA LAW FIRM ONLINECLASSES mesotheolima mesothelioma law firm Cheap car insurance in Virginia PAPERPORT PROMOTIONAL CODE forensics online course Custom WordPress theme designer Online Stock Trading WordPress theme designers webex costs Best Seo company cash out annuity Best social media platforms Custom Christmas cards Seo company Tech school Psd to html Car Insurance Quotes Utah Social media platforms annuity payment mortgage adviser AUTO ACCIDENT ATTORNEY WEBEX COSTS Car Insurance Quotes Photo Christmas cards pharmacist jobs in chicago Christmas cards car insurance quotes Social media examiner futuristic architecture Social media management Online Motor Insurance Quotes BEST CRIMINAL LAWYER IN ARIZONA seattle mesothelioma lawyer mesothelioma lawyers san diego car crash attorneys Donate Your Car Sacramento mesothelioma lawyer houston Html email Car Insurance Quotes Colorado cloud identity and access management accident lawyers in los angeles purchase structured settlements Motor Insurance Quotes Life Insurance Co Lincoln Webex Costs asterisk call center software Italian cooking school Donate Car to Charity California Social media strategies Nunavut culture register free domains lawsuit mesothelioma quotes car Motor Replacements Low Credit Line Credit Cards Social media tools mesothelioma suit Social media campaigns Mesothelioma Law Firm Insurance Companies alabama mesothelioma lawyer wisconsin mesothelioma attorney Met Auto att call conference Donate Cars in MA Psychic for Free donate your car for money asbestos lawyers how to donate a car in california best consolidation loan student Donate Your Car for Kids Business Voip Solutions business email web hosting CHEAP AUTO INSURANCE IN VA Asbestos Lawyers Structures Annuity Settlement Criminal Defense Attorneys Florida Annuity Settlements Health Records Personal Health Record Better conferencing calls Dayton Freight Lines structured settlement sell Hard drive Data Recovery Services Auto Mobile Insurance Quote Donate a Car in Maryland Online College Course bus accident attorney los angeles adverse remortgage domains yahoo Cheap Domain Registration Hosting earthlink business internet what is structured settlement PHD IN COUNSELING EDUCATION Donate Cars Illinois CAR INSURANCE QUOTES MN Best Criminal Lawyers in Arizona paperport promotional code Asbestos Lung Cancer Holland Michigan College Online Colleges Paperport Promotional Code Car insurance quotes Utah World Trade Center Footage Massage School Dallas Texas Donate Old Cars to Charity Dallas Mesothelioma Attorneys Criminal defense attorneys Florida Car Insurance Quotes MN Donate your Car for Money Cheap Auto Insurance in VA phd in counseling education dallas mesothelioma attorneys Criminal lawyer Miami Home Phone Internet Bundle FORENSICS ONLINE COURSE donating used cars to charity PHD on Counseling Education chicago hair laser removal

Blogger Store: Configurar gastos de envío e inclusión en pedidos email – Colleges – Forex – World

En ladocumentación de SimpleCart está perfectamente explicado el tema de los gastos de envío, pero aún así he recibido muchas preguntas sobre cómo incluirlos. Quizás es porque no se explica exactamente dónde se debe poner el código que allí citan o quizás es simplemente porque algunos estáis peleados con el inglés.

Sea por la razón que fuere, vamos a intentar explicarlo a nuestra manera a ver si se terminan las dudas con este tema y de paso vamos a completar la función que hicimos anteriormente para los pedidos por e-mail, de manera que también se transmitan estos gastos.


La manera de incluir gastos de manejo/envío es incluyendo el recargo dentro de las opciones configurables del script. Esa parte está en la plantilla bajo el título "Simple Cart Setting". Estas son en concreto las líneas y el lugar dónde insertar lo que iremos viendo después.

script type='text/javascript'
//![CDATA[
/* SIMPLE CART SETTING
*/
simpleCart.email = 'micorreo@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = EUR;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
AQUÍ AQUÍ AQUÍ
//
/script

Pues de la misma manera que ahí aparece la divisa (simpleCart.currency = EUR;), para configurar los gastos hay que añadir una línea con el sistema deseado. Las opciones son las siguientes y para los cálculos de ejemplo se han considerado 3 productos que suman un importe de 100€:

Una cantidad fija para todo el pedido

simpleCart.shippingFlatRate =10.00;

Gastos: 10€

Un porcentaje sobre el importe total

simpleCart.shippingTotalRate =0.05;

Gastos: 5€ (5% sobre 100€)

Una cantidad fija por cada producto en el carro

simpleCart.shippingQuantityRate =3.00;

Gastos: 9€ (3€ x 3 productos)

---

No hay ningún problema en usar dos o incluso tres de estas tasas combinadas, aunque hay que tener en cuenta quelos importes serán acumulativos:

Gasto fijo por pedido más porcentaje sobre el importe total

simpleCart.shippingFlatRate =10.00;
simpleCart.shippingTotalRate =0.05;

Gastos: 10€ + 5€ (5% sobre 100€) = 15€

Importe fijo por producto más un porcentaje sobre el importe total

simpleCart.shippingQuantityRate =3.00;
simpleCart.shippingTotalRate =0.05;

Gastos: 9€ (3€ x 3 productos) + 5€ (5% sobre 100€) = 14€

Gasto individual para ciertos productos

La combinación de estos tres tipos de gastos, simultáneamente y con los mismos porcentajes que se han puesto de ejemplo aquí, están actualmente en laweb-demo que creamos hace tiempo. Si no os cuadran los números es porque seguro que habéis metido en vuestro carro el penúltimo artículo del panel (Camiseta hombre - Beisbol). Notaréis que hay 5€ de más.

El motivo es que también se puede incluir una cantidad concreta para un producto concreto. Esto se hace de manera distinta, insertando uninput no visible con la claseitem_shipping en el cuerpo de la entrada correspondiente al producto. En este caso pusimos:

input type="hidden" class="item_shipping" value="5.00"

Gastos: 9€ (3€ x 3 productos) + 5€ (5% sobre 100€)
+ 5€ (cuando uno de los 3 es este) = 19€

---

Gasto individual según tallas/tamaños

También es posible indicar para un mismo producto, distinto importe de gastos según la talla. Para ello previamente había que incluir unselect con la estructura que vimos enConfiguraciones desde el escritorio yCreando un producto (Blogger Store: Instalación, ajustes y crear productos).

Ahora lo que haremos será usar una función que pondremos también dentro de ese mismo apartado de configuración que vimos al principio y que tendremos que construir de manera personalizada según lo que queramos. Aquí hemos usado losvalue de nuestroselect que eran S, M, L y XL. Como podéis ver sólo se trata de anidar condicionales con estos valores y multiplicar el coste fijo según la talla, por la cantidad de unidades solicitadas.

CartItem.prototype.shipping=function(){
if(this.size){
if( this.size == 'S' ){
return this.quantity*1.00;
} else if( this.size == 'M') {
return this.quantity*2.00;
} else if( this.size == 'L') {
return this.quantity*3.00;
} else {
return this.quantity*4.00;
}
} else {
return this.quantity*0.00;
}
}

Nótese que el últimoelse sería para los casos en los que no existiera talla, por lo que sería un sustituto del coste fijo por artículo que podíamos generar conshippingQuantityRate.

Otra variante para cargar gastos no lineales en función del importe total:

simpleCart.shipping = function(){
if (simpleCart.total){
if ( simpleCart.total 10 ){return 3;} else if ( simpleCart.total 25){return 3.50;} else if (simpleCart.total 100){return 7;} else {return 9;} } }

Creoimportante volver a destacar que todas las variantes aquí vistas son ACUMULATIVAS y que de ponerlas todas, se generarían gastos por todos los conceptos. Por tanto, habrá que combinarlas con mucha lógica y mucho cuidado.

---

Aplicando gastos de envío al pago por email

Todo esto funciona perfectamente con PayPal y Google Checkout, pero no para lospedidos por correo electrónico. El motivo no es otro que cuando os presenté esa opción, no caí en esto de los gastos de envío. Por tanto habrá que modificar esa parte de la función para que los tome y los remita. Así es cómo quedaría:

me.emailCheckout = function() {
var remite = prompt("Introduzca correo de contacto: ");

if (remite != '' && remite != null) {

itemsString = "";
esubtotal = 0;
egastos = 0;
etotal = 0;
for( var current in this.items ){
var item = this.items[current];
esubtotal = item.quantity * item.price;
itemsString += item.name;
if (item.size) itemsString += "Talla " + item.size + "\n";
if (item.color) itemsString += "Color " + item.color + "\n";
itemsString += item.quantity + " x " + item.price + " = " + String(esubtotal) + me.currency + "\n";
etotal += esubtotal;
};
if (me.shippingCost){
itemsString += "\nSubtotal = " + etotal + "\n";
itemsString += "Gastos de envio = " + me.shippingCost + "\n";
etotal += me.shippingCost;
};
itemsString +="\nTotal: " + String(etotal) + me.currency + "\n" + "Remitente: " + remite;
var form = document.createElement("form");
form.style.display = "none";
form.method = "POST";
form.action = "http://singenio.com/email.php";
form.acceptCharset = "utf-8";
form.appendChild(this.createHiddenElement("jcitems", itemsString));
form.appendChild(this.createHiddenElement("jcremite", remite));

document.body.appendChild(form);
me.empty();
form.submit();
document.body.removeChild(form);
if (p == null || p=='');

}
return;
};
me.customCheckout = function() {
return;
};

Tengo que recordar que el fichero PHP que se incluye en el anterior código no os servirá mas que para pruebas. Ese PHP remite el pedido al correo que debe incluir el comprador como medio de contacto y lo que realmente tendría que hacer es enviarlo a vosotros, al vendedor. En esta entrada se explica como hay queconstruir ese PHP correctamente.

He actualizado el scriptsimpleCart2email.js con esta última modificación para que podáis descargarlo y sustituirlo por el anterior que vimos. También he actualizadola plantilla y ahora se incluyen todos los supuestos de gastos simultáneamente. Creo que es más fácil que quitéis los que no necesitéis en lugar de indicaros dónde añadir vuestro caso concreto.


En otro arranque que me de, a ver si pienso en la manera más fácil de incluir los gastos de envío en el visor del contenido del carro y compruebo una solución que me parece haber encontrado para los artículos que desaparecen cuando se añaden muchos.

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

LOW CREDIT LINE CREDIT CARDS Tech school New social media platforms holland michigan college cheap domain registration hosting Better Conference Calls Donate Old Cars to Charity Dallas Mesothelioma Attorneys WordPress themes for designers Hire php programmers Donate your Car for Money Php programmers structured settlement broker Donating a Car in Maryland domain yahoo Best criminal lawyer in Arizona Motor replacements mesothelioma information WordPress hosting Structures Annuity Settlement mesothelioma lawyer asbestos cancer lawsuit canada personals yahoo Dwi lawyer Hire php developers Online casino Make money online Australia Life insurance co Lincoln Insurance mesothelioma attorney illinois pharmacist jobs in chicago Cheap Auto Insurance in VA personal accident attorney arizona auto accident attorney Php programmers for hire Car Insurance Quotes Utah dallas mesothelioma attorneys mesothelioma domain registration yahoo Business management software Live casino adverse remortgage MOTOR REPLACEMENTS Online Criminal Justice Degree best criminal lawyer in arizona Casino reviews cell cycle regulation ppt Donate Car To Charity CALIFORNIA World trade center footage CHEAP AUTO INSURANCE IN VA world trade center footage cash out structured settlement Nunavut Culture average mesothelioma settlement Casino CAR INSURANCE QUOTES COLORADO mesothelioma trial attorney Mobile casino automobile accident attorney structured settlement purchasers Annuity Settlements car insurance companies DONATING A CAR IN MARYLAND bus accident attorney los angeles donate your car for money Seo companies mesothelioma survival rates criminal defense federal lawyer structured settlement investments DUI lawyer peritoneal mesothelioma Italian cooking school Business finance group truck accident attorney los angeles CAR DONATE ONLINE COLLEDGES Criminal lawyer donate car for tax credit california law lemon Motor Replacements Massage School Dallas Texas domain name yahoo Best Criminal Lawyers in Arizona Service business software Social media tools Donate car for tax credit Criminal defense lawyer How to Donate A Car in California buy structured settlements primary pulmonary hypertension buy gift card Life Insurance Co Lincoln Hire php developer orlando criminal attorney Social media platforms for business Seo services miami personal injury lawyer Christmas cards structured settlement buyer Automobile Accident Attorney Insurance Companies colorado mesothelioma lawyers Donate your car for kids HARDDRIVE DATA RECOVERY SERVICES Futuristic architecture Psychic for free Bankruptcy lawyer ONLINECLASSES Computer science classes online mesothelioma lawsuit Online colledges HOLLAND MICHIGAN COLLEGE sell structured settlement calculator SELL ANNUITY PAYMENT car insurance quotes Best social media platforms structured settlement sell mesothelioma lawyers san diego Best social media platforms for business Register Free Domains anti spam appliance structured settlement brokers Learning adobe illustrator sell annuity payment Car Accident Lawyers Custom WordPress theme designer mesothelioma cases asterisk call center software FORENSICS ONLINE COURSE Claim dui lawyer scottsdale Online Motor Insurance Quotes Best Seo company truck accident attorney texas accident car florida lawyer Car insurance quotes pa motorcycle accident attorney chicago Html email MORTGAGE ADVISER Seo company Car Insurance Quotes MN Donate Car to Charity California Online Christmas cards DONATE YOUR CAR SACRAMENTO seattle mesothelioma lawyer Mortgage Online Classes Custom Christmas cards Social media management Photo Christmas cards Adobe illustrator classes Hard drive data recovery services Email Bulk Service Donate cars in ma car donate Injury Lawyers CAR INSURANCE QUOTES PA Donate a Car in Maryland Forensics online course Psd to WordPress Social media examiner harddrive data recovery services Home Phone Internet Bundle Cheap Car Insurance for Ladies donate old cars to charity Social media platforms accident attorney in los angeles Proud Italian cook Psd to html WordPress theme designers car accident lawyers Social media strategies Paperport Promotional Code WEBEX COSTS BEST CRIMINAL LAWYER IN ARIZONA Social media campaigns Mesothelioma Law Firm Donate Car for Tax Credit Donate Cars in MA what is structured settlement Donate Your Car Sacramento auto insurance cost by state MASSAGE SCHOOL DALLAS TEXAS boca raton personal injury attorney Sell Annuity Payment Donate Your Car for Kids Asbestos Lawyers Forex Trading Platform Car Insurance Quotes Colorado STRUCTURED ANNUITY SETTLEMENT Donate cars Illinois Donating Used Cars to Charity CAR INSURANCE QUOTES MN Dayton Freight Lines Hard drive Data Recovery Services DONATING USED CARS TO CHARITY Cheap Domain Registration Hosting Donate Cars Illinois personal injury firm Criminal Defense Attorneys Florida structured settlement company AUTOMOBILE ACCIDENT ATTORNEY los angeles auto accident attorneys LIFE INSURANCE CO LINCOLN alabama mesothelioma lawyer donate your car for kids business administration masters Holland Michigan College Donate your car for money DONATE CARS IN MA Online Colleges

Microdatos Schema en plantillas Blogger – Promotional Code – Donate – School

Hace un par de días estaba creando un blog para unas pruebas, cuando me percaté de que en la plantilla aparecíanmetadatos (Rich Snippets) de los que carecía mi modificada plantilla. Parece pues que las nuevas sí los llevan y son los de aquel estándarque vimos hace tiempo y que se llamabaSchema.

Estos microdatos (también microformatos) contienen información no visible pero de interés para los buscadores: el título de la entrada, la descripción o sumario, la miniatura de imagen que nos gustaría mostrar, etc. y son los que aparecen junto a cada resultado de búsqueda y que Google llamafragmentos enriquecidos. Su finalidad es mostrar a los usuarios por qué la página es relevante para su consulta.

En esta página deHerramientas para webmasters de Google amplían más la información sobre este concepto:

Si Google comprende el contenido de las páginas de tu sitio, podemos crear fragmentos enriquecidos con información detallada que sirva de ayuda para consultas específicas de los usuarios. Por ejemplo, el fragmento de la página de una receta podría mostrar el tiempo total de preparación, una foto y la valoración de la receta, el de un restaurante podría mostrar la valoración media y el intervalo de precios y el de un álbum musical podría incluir una lista de canciones con enlaces para reproducirlas. Estos fragmentos enriquecidos ayudan a los usuarios a saber si un sitio es relevante para su búsqueda y pueden aumentar el número de visitas que reciben las páginas de ese sitio.

Las marcas correspondientes vienen como atributos con nombresitemscope,itemtype eitemprop. Los dos primeros son los que indican que se van a utilizar estos microdatos y el tipo de web de la que se van a extraer.

En este caso el que se usa es el llamadoBlogPostingy que tiene unas propiedades (itemprop) adaptadas a las características de este tipo de sitios. En el enlace podéis ver toda la nomenclatura utilizada y la descripción de cada tipo de elemento.


Pero lo que más nos interesa a nosotros una vez que sabemos para qué sirve, es saber dónde y cómo introduce Blogger esto, para nosotros hacer lo propio. Ellos son losideólogos de esos fragmentos y al mismo tiempo los promotores de nuestra plataforma, así que supongo que algo sabrán sobre el tema y que convendrá hacerles caso.

Voy a reproducir las líneas enteras dónde encontré microdatos para tenerlas de guía y así saber dónde los tenemos que insertar. Las líneas no son consecutivas pero para que las encontréis más fácil, las he agrupado por cercanía entre ellas.


En elincludable id='post' var='post' aparecen las primeras, el que define el tipo de página (blog), el título de cada entrada como nombre del elemento y el contenido de la entrada comoarticleBody (cuerpo del artículo):

div class='post-hentry'itemscope='itemscope' itemtype='http://schema.org/BlogPosting'

h3 class='post title entry title'itemprop='name'

div class='post body entry content' expr:id='"post body-" + data:post.id'itemprop='articleBody'

En la parte de la plantilla destinada a móviles (id='mobile-post' var='post') aparecen casi de idéntica manera, aunque incluyen también una marca para el autor, otra para la url y otra para la fecha de publicación.

div class='post hentry uncustomized-post-template'itemscope='itemscope' itemtype='http://schema.org/BlogPosting'

h3 class='post-title entry-title'itemprop='name'

div class='post-body entry-content' expr:id='"post-body-" + data:post.id'itemprop='articleBody'

a expr:href='data:post.authorProfileUrl'itemprop='author' rel='author' title='author profile'

a class='timestamp-link' expr:href='data:post.url'itemprop='url' rel='bookmark' title='permanent link'abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'

En la zonaid='mobile-index-post' está la última:

h3 class='mobile-index-title entry-title'itemprop='name'

Una vez incluidos estos nuevos trozos en vuestra plantilla, podéis comprobar el resultado introduciendo la dirección de cualquier página en esta herramienta deGoogle Webmasters.

Las imágenes de esta entrada fueron obtenidas deDigital Organics yGoogle Webmasters Tools.

WORLD TRADE CENTER FOOTAGE CAR INSURANCE QUOTES PA Casino Insurance Companies cheaper insurance companies student loan consolidation program Hire php developers DONATE YOUR CAR FOR MONEY CHEAP DOMAIN REGISTRATION HOSTING Psd to WordPress Php programmers for hire Dallas mesothelioma attorneys data recovery raid Casino reviews Online casino Webex Costs philadelphia mesothelioma lawyer Computer science classes online Live casino Social media examiner DUI lawyer CAR DONATE mesothelioma attorney assistance Mobile casino car insurance companies Donate Old Cars to Charity Hire php programmers CAR INSURANCE QUOTES COLORADO best accident attorneys DONATING USED CARS TO CHARITY Car Insurance Quotes MN BETTER CONFERENCING CALLS DAYTON FREIGHT LINES Best Seo company car insurance quotes mn Nunavut Culture Dayton Freight Lines STRUCTURED ANNUITY SETTLEMENT cash out annuity Php programmers attorney lawyer mesothelioma structure settlements Make money online Australia criminal defense federal lawyer Online Christmas cards Car Insurance Quotes Colorado Email bulk service Car Insurance Quotes Utah lease management software Low Credit Line Credit Cards car accident lawyer in san diego Criminal lawyer structured annuity settlement Holland Michigan College Donate Cars Illinois DONATE A CAR IN MARYLAND Service business software offshore accident lawyer Html email phd in counseling education auto insurance yuba city ca Photo Christmas cards Personal Injury Law Firm Dwi lawyer workplace accident attorney lawsuit mesothelioma Cheap Car Insurance in Virginia Car Insurance Companies holland michigan college mesothelioma suit Bankruptcy lawyer how to donate a car in california accident lawyers in los angeles pharmacist jobs in chicago Donate Car to Charity California HARDDRIVE DATA RECOVERY SERVICES Online College Course Donate Cars in MA PHD on Counseling Education auto accident lawyer san francisco Criminal defense lawyer car crash attorneys mesothelioma attorney directory Tech school Hire php developer LIFE INSURANCE CO LINCOLN state of california car insurance Cheap Domain Registration Hosting Best social media platforms for business Auto Accident Attorney google adsense mesothelioma ct wisconsin mesothelioma attorney Asbestos Lawyers Asbestos Lung Cancer ONLINE MOTOR INSURANCE QUOTES CHEAP CAR INSURANCE FOR LADIES Neuson How to Donate A Car in California forensics online course chicago hair laser removal Life insurance co Lincoln compare small business phone systems Seo companies firm law mesothelioma Learning adobe illustrator lawyers accidents Online Stock Trading Psychic for Free New social media platforms mesothelioma litigation Business finance group WebEx costs personal accident attorney Virtual Data Rooms mesothelioma attorneys Social media platforms Sell Annuity Payment Social media platforms for business Custom WordPress theme designer low credit line credit cards Seo services selling annuity payments for cash Mortgage adviser Seo company Register Free Domains Business management software Best social media platforms mesothelioma information Proud Italian cook motor insurance quotes Car insurance in South Dakota buy gift card mesothelioma trial attorney mesothelioma settlements semi truck accident lawyers futuristic architecture PAPERPORT PROMOTIONAL CODE Social media campaigns los angeles auto accident attorneys DONATE YOUR CAR FOR KIDS donating used cars to charity Custom Christmas cards mesothelioma claims motorcycle accident lawyer san diego domain name yahoo Car Insurance Quotes PA Dallas Mesothelioma Attorneys annuity payment adverse credit remortgage WordPress themes for designers Cheap Car Insurance for Ladies WordPress hosting windows phone for business NUNAVUT CULTURE Social media management better conferencing calls Christmas cards Auto Mobile Insurance Quote injury lawyers Online Classes WordPress theme designers NEUSON ROYALTY FREE IMAGES STOCK Car Insurance Quotes structured settlement sell Cheap Auto Insurance in VA Psd to html Social media strategies Italian cooking school See more at http//wwwginfostopnet/ car accident lawyers Massage school Dallas Texas Adobe illustrator classes orlando criminal attorney Structures Annuity Settlement Social media tools Mesothelioma Law Firm Forensics Online Course Donate a Car in Maryland illinois law lemon baltimore mesothelioma attorneys mesotheliama personal injury solicitor Donate Car for Tax Credit Donate Your Car Sacramento Donate your car for kids asbestos mesothelioma lawsuit Donate Your Car for Kids Paperport Promotional Code harddrive data recovery services mesothelioma lawyer dallas Auto Mobile Shipping Quote Annuity Settlements mesothelioma drug accident car florida lawyer EMAIL BULK SERVICE st louis mesothelioma attorney best structured settlement companies federal criminal defense attorney Motor Replacements mesothelioma attorney florida Hard drive Data Recovery Services mesothelioma attorney illinois mesothelioma lawyer texas mesotheolima Donating a Car in Maryland domain yahoo Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona

Cambio de tamaño en la imagen de las páginas Facebook – Platform – Dominios – Seguro

Puede que lo vieras o quizás te pasó desapercibido por venir junto con el resumen semanal de datos, pero si fue lo segundo, ese precioso montaje que hiciste para el banner principal de tu página en Facebook, posiblemente se desbarajuste el próximo día 26 de Abril. Lo comunicaron vía e-mail el pasado jueves:

facebook

Hola:
El 26 de abril cambiaremos el tamaño de la foto del perfil de las páginas. Te informamos de este cambio con antelación para que puedas actualizar tu foto ese día. Las nuevas fotos tendrán 160 x 160 píxeles y estarán situadas a 23 píxeles del margen izquierdo y 210 píxeles del borde superior de la página.

En los perfiles personales ya se ha visto ese cambio y la nota anterior es para avisar que las páginas (fan pages) serán las siguientes. Realmente lo único que cambiará será el tamaño de la imagen pequeña que aparece en la zona inferior izquierda, pero si te salió la vena creativa en su momento e hiciste algo del estilo de lo que crearonestos tipos, es posible que ahora tengas que reestructurar todo.


Lo cierto es que posiblemente habrá que esperar a esa fecha y entonces realizar los cambios que sean oportunos, porque entre lo que han hecho con los perfiles personales y lo que anuncian que van a hacer con las páginas, algo no cuadra.


Como decía, en los primeros los cambios ya son visibles, pero si bien la distancia a la izquierda es la que comentan, la que hay hasta el borde superior de la página es mayor. En concreto 232px. Si quisieron decir hasta el borde bajo la barra de herramientas pues entonces es inferior (192px).

Esta es la captura de una página tal y como se ve ahora por si queréis intentar anticiparos al cambio. El recuadro con marcador amarillo representa la nueva posición siguiendo al pie de la letra los datos del aviso. Aquí se muestra reducida pero pinchando en ella la podréis ver a tamaño real.

También podéis preparar una segunda versión con ese cuadro algo más abajo por si no la consideran. Esta mide 38px. Y ahora que me doy cuenta, en la captura del perfil personal erré y consideré la barra de 40px, pero perdonadme que no la cambie, ya que la que interesa es la segunda y esa está bien.

structured settlements annuities Social media platforms for business semi truck accident lawyers Hire php developers donate car for tax credit Mobile casino federal criminal defense attorney accident lawyers in los angeles Learning adobe illustrator Business management software Home Phone Internet Bundle futuristic architecture Html email selling my structured settlement MESOTHELIOMA LAW FIRM Social media tools supportpeachtreecom structured settlement brokers mesothelioma help Casino Psd to WordPress truck accident attorney texas Online casino Best social media platforms Gas/Electricity Tech school Online Stock Trading houston tx auto insurance Donate a car in Maryland Php programmers Make money online Australia utah mesothelioma lawyer Best Seo company Hire php developer anti spam appliance cheaper insurance companies yahoo web hosting motor insurance quotes harddrive data recovery services Christmas cards Data Recovery Raid Low credit line credit cards Car Insurance Quotes PA Massage school Dallas Texas personal injury attorney springfield mo Home phone internet bundle car insurance in south dakota Personal Injury Lawyer los angeles auto accident attorneys Live casino Seo services Casino reviews Donate Old Cars to Charity Best social media platforms for business personal injury lawyer sarasota fl Criminal lawyer caraccidentlawyer Bankruptcy lawyer domains yahoo mesothelioma att call conference st louis mesothelioma attorney CAR INSURANCE IN SOUTH DAKOTA BEST CRIMINAL LAWYER IN ARIZONA DUI lawyer CHEAP DOMAIN REGISTRATION HOSTING Hire php programmers Donate Cars Illinois Dwi lawyer DONATE YOUR CAR FOR MONEY Sell Annuity Payment fortis health insurance temporary Dedicated Hosting Dedicated Server Hosting motorcycle accident attorney chicago colorado mesothelioma lawyers Holland Michigan College Service business software donating used cars to charity PHD on Counseling Education structured annuity settlement Criminal defense lawyer Php programmers for hire car accident lawyers los angeles WordPress themes for designers car insurance quotes Cheap car insurance in Virginia Seo companies Adobe illustrator classes Donate Cars in MA Car insurance in South Dakota Computer science classes online Online College Course illinois law lemon Donate Your Car Sacramento MET AUTO Structures Annuity Settlement mesothelioma cases buying an annuity calculator mesothelioma law suit los angeles motorcycle accident lawyer Donating a car in Maryland structured settlement purchasers Seo company Donate Car to Charity California Auto Mobile Insurance Quote Car Donate New social media platforms workers compensation lawyer los angeles AUTOMOBILE ACCIDENT ATTORNEY CHEAP CAR INSURANCE IN VIRGINIA Business finance group Paperport Promotional Code car insurance companies Donate cars in ma mesothelioma attorney california Custom WordPress theme designer google adsense HARDDRIVE DATA RECOVERY SERVICES primary pulmonary hypertension offshore accident lawyer mesothelioma settlements amounts Cheap Domain Registration Hosting selling a structured settlement massage school dallas texas MORTGAGE ADVISER Cheap Car Insurance in Virginia michigan motorcycle accident lawyer Online Classes business voice mail service World Trade Center Footage Car insurance quotes MN Cheap Car Insurance for Ladies cash out annuity alcohol rehab center in florida MOTOR REPLACEMENTS Car Insurance Quotes MN Online Christmas cards Nunavut Culture Custom Christmas cards life insurance quotes HOLLAND MICHIGAN COLLEGE Photo Christmas cards Donate old cars to charity dallas mesothelioma lawyer Auto Mobile Shipping Quote car insurance quotes pa mesotheloma motorcycle accident lawyer san francisco WordPress hosting mesothelioma charities Social media examiner Social media management personal injury firm WEBEX COSTS Social media platforms HOW TO DONATE A CAR IN CALIFORNIA Motor Replacements structured settlement investments Met Auto Proud Italian cook Psd to html Criminal Defense Attorneys Florida accident attorney in los angeles ROYALTY FREE IMAGES STOCK Italian cooking school Business VOIP Solutions WordPress theme designers Social media strategies mesothelioma lawyer texas Social media campaigns Mesothelioma Law Firm motorcycle lawyer los angeles Massage School Dallas Texas meso lawyer bus accident attorneys LOW CREDIT LINE CREDIT CARDS Asbestos Lung Cancer new york mesothelioma law firm Donate Car for Tax Credit refinance with bad credit boca raton personal injury attorney SELL ANNUITY PAYMENT Donate car to charity California How to Donate A Car in California structured settlement annuity companies Donate Your Car for Kids Asbestos Lawyers mesothelioma lawyer chicago Dayton freight lines Car Insurance Quotes Colorado mesothelioma symptoms Annuity Settlements ASBESTOS LAWYERS what is structured settlement Dayton Freight Lines Hard drive Data Recovery Services See more at http//wwwginfostopnet/ Donating Used Cars to Charity Donate a Car in Maryland Life Insurance Co Lincoln Online Criminal Justice Degree Donating a Car in Maryland adverse credit remortgage Automobile Accident Attorney ONLINECLASSES Best Criminal Lawyers in Arizona Car Insurance Quotes Utah How to donate a car in California asbestos mesothelioma lawsuit philadelphia mesothelioma lawyer

Ajustando (de nuevo) el título y la descripción en Blogger – Settlement

No hace mucho comentábamos la novedad de Blogger que permitía introducir desde elEscritorio el contenido de la etiquetameta correspondiente a ladescripción del blog, algo que resulta bastante interesante de cara a forzar lo que los buscadores encuentran y muestran sobre nuestros sitios.

Pues bien... ayer me avisóFelipe OI de que el uso de la etiquetameta expr:content='data:blog.metaDescription' name='description'/ estaba provocando que esa información apareciera duplicada en nuestras páginas.

Esto no es algo grave, pues sólo una de ellas será tomada por el buscador de turno y como son exactamente iguales, lo mismo nos da que escoja una que otra. Sin embargo podemos hacer las cosas bien, así que vamos a ello y de paso volvemos a ver lo de lostitle's.

El problema por así llamarlo, está en elinclude característico de Blogger que va al principio de todos sus blogs en la formab:include data='blog' name='all-head-content'/. Ahora, después de siglos viéndolo, descubro parcialmente lo que hace y que simplemente es insertar durante la carga de nuestro blog una serie de encabezamientos. Esto es algo que ahora me parece evidente tras fijarme un poco más en elname.

Pues el asunto es que no sé desde cuándo, pero entre estos encabezamientos automáticos también se incluye ahora la descripción del blog. Siempre que la hayamos activado previamente mediante aquella nueva opción que comentaba al principio, claro. Por tanto, si también tenemos ladata:blog.metaDescription, dicha descripción se duplica... inútilmente.


Con condicionales podemos hacer distintos giros para mostrar una información u otra según el tipo de página en el que estemos o incluso discriminando si tenemos esa descripción grabada en un post o no. Pensad que los que llevamos un tiempo con el blog no disponíamos de esa meta-descripción entonces y que ahora no es cuestión de ponerse a editar uno por unotodos los posts para incluirla. Mejor que se haga en automático aunque el resultado no sea el óptimo

En este tipo de cosas hay diversas opiniones y cada cual tiene unas necesidades o ganas de currar distintas. Aclaro esto porque un servidor ha escogido la opción que le parece más efectiva con el menor trabajo posible y que es la que sigue.


Un blog sin modificar tiene justo antes de la apertura deskinsólo un par de líneas:

b:include data='blog' name='all-head-content'/
titledata:blog.pageTitle//title

b:skin![CDATA[/*

Ahí va lo de las cabeceras automáticas, el título de cada página -lo que saldrá en la pestaña del navegador- y listo. Observaréis que ya no vienedata:blog.metaDescription y eso que veis es suficiente para funcionar sin problemas. Pero esta combinación podría ser mejor:

b:include data='blog' name='all-head-content'/

b:if cond='data:blog.url != data:blog.homepageUrl'
titledata:blog.pageName/: data:blog.title//title
b:else/
titledata:blog.pageTitle//title
/b:if

b:if cond='data:blog.metaDescription'
b:else/
meta expr:content='data:blog.pageName+ "texto_corto"' name='description'/
/b:if

En primer lugar seguimos teniendo elall-head-content, pues además de la descripción, también inserta otras cosas convenientes por una parte y necesarias por otra.

Luego tenemos una condición para distinguir distintos títulos según el tipo de página y unavariable data para cada caso. Realmente sólo diferenciamos la página principal del resto pero creo es suficiente como vereis. Los resultados con esa estructura serán los siguientes (entre paréntesis un ejemplo con este blog):

• Página principal: Nombre del blog (Oloblogger)
• Página etiquetas: Etiqueta: Nombre del blog (Recursos: Oloblogger)
• Navegación recientes/antiguas: : Nombre del blog (: Oloblogger)
• Página estática: Título página: Nombre del blog (Sobre este blog: Oloblogger)
• Entrada: Título de la entrada: Nombre del blog (Ajustando el título en Blogger: Oloblogger)

Por último está lo de la descripción, para la cual sólo distinguimos dos casos. Entiendo que previamente hemos activado la descripción desde elEscritorio(ver cómo). Si hay una descripción en la entrada, se muestra. De lo contrario utilizamos el nombre de la página (data:blog.pageName) más un pequeño texto a nuestro gusto. Esto último es opcional.

Y el resultado sería:

• Página principal: La descripción genérica grabada
• Página etiquetas:La descripción genérica grabada
• Navegación recientes/antiguas: : La descripción genérica grabada
• Página estática: Título de la página
• Entrada: Descripción particular del post o Título de página si no se ha grabado descripción

Ycomo proponía Felipe, se puede aprovechar que estamos en esa parte del código para añadir dentro de esos condicionales las correspondientes metaetiquetas de Facebook.

meta expr:content='data:blog.metaDescription' property='og:description'/

meta expr:content='data:blog.pageName+ "texto_corto"' property='og:description'/

Hire php developers Hard drive data recovery services MET AUTO Criminal lawyer DUI lawyer REGISTER FREE DOMAINS Service business software Futuristic architecture Casino WordPress hosting Donating a Car in Maryland structured settlement brokers Online Motor Insurance Quotes MESOTHELIOMA LAW FIRM structured settlemen Online casino CHEAP CAR INSURANCE IN VIRGINIA Tech school Donate Car to Charity California Social media campaigns Make money online Australia Html email florida car insurance company lease management software New social media platforms Email Bulk Service Automobile Accident Attorney Criminal defense lawyer EMAIL BULK SERVICE FUTURISTIC ARCHITECTURE Social media tools mesothelioma attorneys california Low Credit Line Credit Cards life insurance co lincoln Annuity Settlements CAR INSURANCE QUOTES MN Casino reviews Cheap Domain Registration Hosting Mobile casino Register Free Domains illinois law lemon Car Accident Lawyers VIRTUAL DATA ROOMS Live casino Custom Christmas cards Cheap auto insurance in VA Donate cars Illinois Online Christmas cards Best Criminal Lawyers in Arizona Psd to WordPress hair removal washington dc Auto Mobile Shipping Quote Mesothelioma Law Firm Online College Course Bankruptcy lawyer CHEAP CAR INSURANCE FOR LADIES Hire php programmers mesothelioma law suits compare life assurance Php programmers for hire purchase structured settlements Dwi lawyer Social media management DONATE YOUR CAR SACRAMENTO mesothelioma suit auto accident attorney Torrance Donate your car for kids Met Auto Dayton Freight Lines Car Insurance Quotes Asbestos Lung Cancer DAYTON FREIGHT LINES donate car for tax credit cheaper insurance companies motor replacements Seo services accident attorney in los angeles Forex Trading Platform Seo company phd in counseling education Donate Your Car for Kids buyer of structured settlement annuity WordPress theme designers cell cycle regulation ppt mesothelioma settlement amounts home phone internet bundle online motor insurance quotes canada personals yahoo domains yahoo Donate Car for Tax Credit Hire php developer CAR INSURANCE IN SOUTH DAKOTA offshore accident lawyer peritoneal mesothelioma Computer science classes online Php programmers Cheap domain registration hosting Car insurance quotes Utah Adobe illustrator classes Best social media platforms for business domain yahoo selling annuity payments for cash Massage School Dallas Texas PSYCHIC FOR FREE Seo companies motorcycle accident lawyer san francisco massage school dallas texas World Trade Center Footage Insurance Companies sell annuity payment adverse remortgage Business finance group personal injury law firm WordPress themes for designers benchmark lending Social media platforms for business miami personal injury attorney Custom WordPress theme designer STRUCTURED ANNUITY SETTLEMENT structured settlements companies Best Seo company hosted predictive dialers Business management software Best social media platforms virtual data rooms PhD in counseling education car crash attorneys Proud Italian cook DONATE A CAR IN MARYLAND mesotheliama motorcycle lawyer los angeles Photo Christmas cards mesotheolima california motorcycle accident lawyer accident attorneys orange county Social media examiner Donate Your Car Sacramento ONLINECLASSES car accident lawyer michigan Business Voip Solutions Social media strategies Social media platforms Christmas cards Psd to html Italian cooking school Futuristic Architecture Dayton freight lines bus accident attorney los angeles mesothelioma compensation what is structured settlement Online Criminal Justice Degree Home Phone Internet Bundle Life Insurance Co Lincoln Donate a Car in Maryland Car Insurance Quotes Colorado Dedicated Hosting Dedicated Server Hosting mesothelioma attorney assistance colorado auto accident attorney Learning adobe illustrator Dallas Mesothelioma Attorneys sell structured settlement calculator Dallas mesothelioma attorneys ROYALTY FREE IMAGES STOCK wisconsin mesothelioma attorney Forensics online course Donating Used Cars to Charity NEUSON MASSAGE SCHOOL DALLAS TEXAS Donate Cars in MA small business administration sba mesothelioma lawyer houston How to Donate A Car in California Sell Annuity Payment DONATE CARS ILLINOIS Asbestos Lawyers Structures Annuity Settlement average mesothelioma settlement paperport promotional code buy gift card california law lemon Nunavut Culture Online colledges Hard drive Data Recovery Services DALLAS MESOTHELIOMA ATTORNEYS Neuson Motor Replacements Cheap Car Insurance for Ladies Royalty free images stock Donate Cars Illinois SELL ANNUITY PAYMENT colorado mesothelioma lawyers Criminal Defense Attorneys Florida Car Insurance Quotes Utah Holland Michigan College injury lawyers west palm beach Online Colleges Life insurance co Lincoln DONATE CAR FOR TAX CREDIT Paperport Promotional Code AUTO ACCIDENT ATTORNEY Online Classes DONATE OLD CARS TO CHARITY Personal Injury Law Firm asbestos mesothelioma lawsuit Psychic for Free Donate Old Cars to Charity DONATE YOUR CAR FOR KIDS Royalty Free Images Stock ONLINE MOTOR INSURANCE QUOTES Car Insurance Quotes MN

Generador de cajas con triángulo: CSS Arrow – Platform

El tema de los triángulos añadidos a cajas mediante bordes de tamaño cero nunca lo hemos visto por aquí, pero existiendo utilidades como esta ¿quién lo necesita?

Bueno, quizás algún día tenga un rato y me de por explicarlo por aquello de aprender, pero mientras tanto, el que necesite algo que simule los bocadillos de los cómics puede recurrir aCSS Arrow.

Como veis en la captura sólo hay que indicar la posición dónde se quiere, el tamaño de la flecha y los colores de caja y borde. El sistema nos facilitará de manera automatizada todo el CSS necesario.

Una vez en la hoja de estilo, para aplicarlo sólo hay que añadirle a la capa en cuestión la clasearrow_box:

div class="arrow_box" CONTENIDO /div

A.arrow_box le podemos añadir estilo adicional para las fuentes, sombras, degradados, etc. y el resultado será algo como esto:

Fácil ¿no es cierto?

HOLLAND MICHIGAN COLLEGE Donate Your Car for Kids NUNAVUT CULTURE motorcycle accident lawyer california Seo services LIFE INSURANCE CO LINCOLN Php programmers Online casino donate car for tax credit sell my structured settlement Best Seo company Make money online Australia Casino domains yahoo Casino reviews DONATE CARS IN MA REGISTER FREE DOMAINS MET AUTO criminal defense federal lawyer Car Insurance Quotes Cheap Auto Insurance in VA Low Credit Line Credit Cards Mobile casino Cheap Domain Registration Hosting Seo company Proud Italian cook Nunavut culture NEUSON Donate Car To Charity CALIFORNIA Donating a Car in Maryland Psychic for Free Criminal defense lawyer Computer science classes online Best social media platforms for business Futuristic Architecture Social media campaigns Dwi lawyer Live casino los angeles motorcycle accident lawyer accident car florida lawyer Business finance group online colledges mesotheloma dallas mesothelioma lawyer Hire php developers structured settlement purchasers auto insurance cost by state Cheap Car Insurance for Ladies DUI lawyer Criminal Defense Attorneys Florida Criminal lawyer Miami FORENSICS ONLINE COURSE Forensics online course DONATING USED CARS TO CHARITY Auto Accident Attorney world trade center footage car accident lawyers tucson car accident attorney mortgage adviser Hire php programmers Life insurance co Lincoln Learning adobe illustrator Dayton Freight Lines mesothelioma lawsuits Life Insurance Co Lincoln Criminal lawyer cash out annuity firm law mesothelioma MOTOR REPLACEMENTS Service business software sell annuity payment Hire php developer refinance with poor credit Php programmers for hire Nunavut Culture Christmas cards cloud identity and access management Car Insurance Quotes Colorado compare life assurance PHD IN COUNSELING EDUCATION Bankruptcy lawyer Business management software forensics online course New social media platforms ASBESTOS LAWYERS uk homeowner loans Email Bulk Service Social media platforms for business Photo Christmas cards verizon sip motorcycle accident attorney sacramento Donate Car for Tax Credit life insurance co lincoln Seo companies Donate Cars Illinois MASSAGE SCHOOL DALLAS TEXAS donating used cars to charity domain yahoo personal injury attorney torrance DALLAS MESOTHELIOMA ATTORNEYS Online Colleges Dayton freight lines data recovery raid broward county dui lawyer DONATE A CAR IN MARYLAND Motor Replacements Social media examiner Best criminal lawyer in Arizona new mexico mesothelioma lawyer Online College Course WordPress themes for designers chicago hair laser removal better conferencing calls Custom WordPress theme designer cheap auto insurance in va event management security Mesothelioma Law Firm anti spam appliance mesothelioma settlements amounts mesothelioma claims Car Insurance Quotes PA Best social media platforms Annuity Settlements Online Christmas cards CRIMINAL DEFENSE ATTORNEYS FLORIDA Custom Christmas cards orlando criminal attorney donate old cars to charity Massage School Dallas Texas georgia truck accident lawyer Forensics Online Course WordPress hosting Claim Psd to WordPress Mortgage mesothelioma survival rates Royalty Free Images Stock Car Donate mesothelioma lawsuit Social media management mesothelioma attorneys Tech school Html email car accident lawyer san bernardino Social media platforms st louis mesothelioma attorney Car Accident Lawyers quotes car CAR DONATE annuity payment Donate Your Car Sacramento Online Classes saskatchewan auto insurance Psd to html Italian cooking school WordPress theme designers cheap domain registration hosting Adobe illustrator classes Social media strategies Cheap car insurance in Virginia attorney lawyer mesothelioma Social media tools DONATE OLD CARS TO CHARITY Donate Car to Charity California ANNUITY SETTLEMENT asbestos lung cancer CAR INSURANCE QUOTES COLORADO Donate Cars in MA DONATE CAR FOR TAX CREDIT auto accident lawyer san francisco How to Donate A Car in California CAR INSURANCE IN SOUTH DAKOTA Sell Annuity Payment Mortgage adviser mesothelioma lawyer asbestos cancer lawsuit buyers of structured settlements houston tx auto insurance Donate your car Sacramento Donating Used Cars to Charity Hard drive Data Recovery Services Asbestos Lawyers Structures Annuity Settlement structured settlement cash out houston mesothelioma attorney personal accident attorney california law lemon Neuson SELL ANNUITY PAYMENT PAPERPORT PROMOTIONAL CODE mesothelioma symptoms Register Free Domains car accident lawyer in san diego Donate a Car in Maryland mesothelioma compensation Dallas mesothelioma attorneys Insurance Companies Donate your car for kids automobile accident attorney ONLINE COLLEDGES car insurance quotes pa Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Health Records Personal Health Record Holland Michigan College Online Motor Insurance Quotes benchmark lending mesothelioma lawyer virginia Dallas Mesothelioma Attorneys cheap car insurance in virginia Cheap Car Insurance in Virginia