Formato a imágenes con CSS. Padding. – PHD

En la anterior entrada vimos la manera más sencilla derealzar imágenes en las entradas usando border. Una segunda propiedad que nos permite añadir posteriormente más cosas es la que genera un margen o espacio interno. Eso es lo que en CSS se controla con la propiedadpadding.

La diferencia entrepadding ymargin es que la segunda propiedad forma una especie de borde (con anchura) vacío de contenido, que sirve de separación exterior del elemento. Lo que hacepadding es dejar también un área vacía, pero interior. En esta imagen se pueden ver dos capas con unmargin:10px y unpadding:15px. Para que sea visible, en la primera se han marcado con colores los efectos de aplicar esas propiedades con esos valores:

Pues bien, continuando con los efectos fáciles, otro muy socorrido es el delmarco que también se puede conseguir añadiendo un padding y un fondo que rellenará con color esepadding:

.post img {
background: #333333;
padding:10px;
}

El efecto es idéntico al deborder, pero nos permite hacer otrasmodificaciones adicionales como la siguiente, que consiste en añadir una sombra que hace que la imagen parezca una fotografía con marco. Para eso, también añadimos una sombra conbox-shadow.

.post-body img {
background: #ffffff;
padding:10px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}

Habréis observado que la propiedad box-shadow está triplicada pero con distintos prefijos. Esto es porque es una propiedad CSS3 relativamente nueva y sólo las últimas versiones de los navegadores la soportan. Para que sea visible en la mayor variedad de ellos posible, utilizamos loskits de compatibilidad. En el ejemplo y siguiendo el mismo orden, los de Safari y Mozilla.


Siguiendo por lo anterior, si queremos añadir un efectoPolaroid, sólo tendremos que aumentar elpadding de la parte inferior. En el siguiente ejemplo se ha hecho de 50px frente a los 10px del resto.

.post img {
background: #ffffff;
padding:10px 10px 50px 10px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}

Al hilo de esto, recordamos que el orden en el que se muestran los distintos valores tanto enpadding como enmargin, son respectivamente arriba, derecha, abajo e izquierda:

padding: 1px 2px 3px 4px;
padding: arriba derecha abajo izquierda


Para formar una especie de marco alrededor de una imagen, el uso depadding frente aborder, nos permite usar ese fondo no sólo con un color plano, sinotambién con una imagen. En este caso simulamos que el poster está sobre un corcho:

.post img {
background: url(http://4.bp.blogspot.com/s1600/corcho.jpg);
padding:30px;
-webkit-box-shadow: 1px 1px 5px #000000;
-moz-box-shadow: 1px 1px 5px #000000;
box-shadow: 1px 1px 5px #000000;
}

Casino reviews Hire php developer Make money online Australia mesothelioma care Mobile casino Service business software mesothelioma lawyer virginia Business management software Donating Used Cars to Charity Donate car to charity California LIFE INSURANCE CO LINCOLN Php programmers for hire BETTER CONFERENCING CALLS mesothelioma attorney california WordPress themes for designers Best Seo company DONATE YOUR CAR SACRAMENTO Nunavut Culture Hire php developers Online casino Car insurance quotes pa Live casino DONATE CARS ILLINOIS Casino Business VOIP Solutions anti spam exchange server LOW CREDIT LINE CREDIT CARDS Social media platforms for business Register Free Domains BEST CRIMINAL LAWYER IN ARIZONA Tech school asterisk call center software How to donate a car in California Holland Michigan College HARDDRIVE DATA RECOVERY SERVICES DONATE CAR FOR TAX CREDIT Html email DUI lawyer MASSAGE SCHOOL DALLAS TEXAS Car Insurance Companies Hire php programmers mesotheioma Social media examiner Psychic for free Dwi lawyer Custom WordPress theme designer Cheap Car Insurance for Ladies Car Insurance Quotes Colorado Criminal defense lawyer Psd to WordPress mesothelioma claim la personal injury lawyer Life Insurance Co Lincoln Structures Annuity Settlement Online Classes Claim donate your car for kids structured settlement purchasers saskatchewan auto insurance ROYALTY FREE IMAGES STOCK Christmas cards Criminal lawyer mesothelioma charities onlineclasses what is structured settlement mesothelioma survival rates quotes car Social media strategies Best social media platforms for business Seo company cash out structured settlement Motor Insurance Quotes low credit line credit cards Donating a Car in Maryland DONATE OLD CARS TO CHARITY CAR INSURANCE QUOTES COLORADO Bankruptcy lawyer Forensics online course Computer science classes online MORTGAGE ADVISER CAR INSURANCE IN SOUTH DAKOTA Psychic for Free CHEAP DOMAIN REGISTRATION HOSTING motorcycle lawyer los angeles business email web hosting auto accident attorney peritoneal mesothelioma mesothelioma lawyer houston mesothelioma attorney florida Php programmers canada personals yahoo mesothelioma personal injury lawyers Seo companies illinois law lemon Personal Injury Law Firm Best social media platforms New social media platforms PAPERPORT PROMOTIONAL CODE Business finance group mesothelioma ct mesothelioma structured settlement brokers DONATE A CAR IN MARYLAND houston tx auto insurance Adobe illustrator classes Social media campaigns Injury Lawyers workers compensation lawyer los angeles Seo services Mortgage Adviser Neuson Car insurance quotes Utah HOW TO DONATE A CAR IN CALIFORNIA seattle mesothelioma lawyer personal injury accident lawyer illinois mesothelioma lawyer Custom Christmas cards structured settlements annuities car insurance quotes mn royalty free images stock arizona auto accident attorney DONATE YOUR CAR FOR MONEY WordPress theme designers buy structured settlements best accident attorneys california mesothelioma attorney business voip solutions mesothelioma attorneys Online Christmas cards Car insurance quotes Colorado Criminal Defense Attorneys Florida Photo Christmas cards Hard drive Data Recovery Services Webex Costs mesothelioma trial attorney WordPress hosting Auto Mobile Insurance Quote Dallas mesothelioma attorneys selling annuity payments for cash Social media management colorado mesothelioma lawyers CAR ACCIDENT LAWYERS Low Credit Line Credit Cards Futuristic Architecture asbestos lung cancer HOLLAND MICHIGAN COLLEGE Massage school Dallas Texas Social media platforms cheap car insurance in virginia Proud Italian cook selling structured settlement Futuristic architecture home phone internet bundle structured settlement quote CHEAP CAR INSURANCE IN VIRGINIA Psd to html Car Insurance Quotes PA Italian cooking school Donate Your Car Sacramento car accident lawyer san bernardino Nunavut culture boulder personal injury lawyers Learning adobe illustrator Social media tools How to Donate A Car in California structured settlement agreement refinance with poor credit structured settlement annuity companies Mesothelioma Law Firm Donate a Car in Maryland Donate Car to Charity California Donate Car for Tax Credit Met Auto Donate Cars in MA primary pulmonary hypertension Sell Annuity Payment Donate Your Car for Kids PHD IN COUNSELING EDUCATION Dallas Mesothelioma Attorneys Asbestos Lawyers Car Insurance Quotes Utah CAR INSURANCE QUOTES PA Annuity Settlements att call conference Dedicated Hosting Dedicated Server Hosting state of california car insurance motorcycle accident attorney sacramento new mexico mesothelioma lawyer Dayton Freight Lines uk homeowner loans Car Insurance Quotes MN structured settlemen Motor Replacements Cheap Domain Registration Hosting Personal Injury Lawyers Donate Cars Illinois anti spam appliance donating used cars to charity google adsense Best Criminal Lawyers in Arizona personal injury law firm Data Recovery Raid mesothelioma suit Online Motor Insurance Quotes NUNAVUT CULTURE buying an annuity calculator personal injury lawyer Online Colleges forensics online course Paperport Promotional Code

Formato a imágenes con CSS. Clases. – Record – Service

Es muy fácil tomar una imagen, abrir un editor y añadirle efectos de todo tipo, pero cuando llevamos publicadas una buena cantidad de entradas con ilustraciones, puede que nos demos cuenta de que si esto lo tenemos que hacer para todas y cada una de ellas, la tarea se vuelve muy, muy pesada.

Ahora imaginemos que un buen día queremos cambiar la plantilla y aquello que añadimos a nuestras imágenes ya no pega, o bien que simplemente nos cansamos de ese estilo y queremos usar otro. Está claro que tendríamos que descargar TODAS las imágenes, volverlas a editar y reponerlas en su sitio. Un coñazo, vamos.

Pues bien, las hojas de estilo (CSS) están para lo que están y que es principalmente facilitarnos la tarea decambiar el aspecto de todos los elementos de todas nuestras páginas, desde un sólo sitio y de una sola vez.

Precisamente eso es lo que vamos a ver a continuación para las imágenes de las entradas de nuestro sitio: algunos sencillos sistemas para formatearlas desde la hoja de estilo.

El resultado puede no ser tan espectacular como con un editor de imágenes, pero seguro que la ventaja del ahorro de tiempo nos compensa con creces.

---

En un principio, para cambiar cualquier cosa que afecte a las imágenes sólotenemos que incluir en nuestra plantilla las propiedades necesarias para la etiqueta img, que es con seguridad la que llevan todas. Por ejemplo, pongamos un borde negro sólido de 10px. Nótese que no lleva ningún punto delante, ya que no se trata de una clase creada ex-profeso para nuestro sitio, sino una etiqueta general de HTML:

img {border: 10px solid #000000;}

Podéis probar esto pero teniendo en cuenta dos cosas:

• La primera es que atacando directamente la etiqueta img, cambiaremos en un principio, el estilo de TODAS las imágenes del sitio web, tanto las de las entradas como las de la barra lateral o las de los gadgets. Hasta los iconos de edición rápida que sólo vemos los administradores se verán con un borde con el código del ejemplo.
• La segunda es que si hay otra clase más cercana (rodeando) a la imagen que incluya también esta etiqueta (img), el código que se ejecutará con prioridad será este último más cercano, quedando sin efecto el primero para esos elementos en concreto

Es el caso genérico de las plantillas Blogger, que suelen incluir formatos específicos para las imágenes de las entradas. Si buscáis en vuestro código hay muchas posibilidades de que encontréis algún.post img o un.post-body img.

Así las cosas, si por ejemplo tenemos el siguiente CSS y HTML, todas las imágenes se verán con un borde negro excepto las de las entradas, ya que las propiedades de la clase .post mandarían sobre las genéricas por estar las imágenes dentro de esa clase:

img {border: 5px solid #000000;}

.post img {border: 0px;}

div class='post'
img src='http://blog/imagen.jpg'
/div

Esto de la prioridad se puede saltar añadiendo!important a los valores de cualquier propiedad. Esa instrucción hace que lo que está junto con ella se ejecute prioritariamente, obviando lo antes explicado de la cercanía. Por tanto, para probar lo del borde atodas las imágenes y saltarnos cualquier otra clase que modifique ciertas imágenes, habría que añadir ese comando:

img {border: 5px solid #000000 !important;}

Otra opción para no usar!important sería buscar a mano las clases existentes que modifican imágenes y cambiar sus propiedades o incluso eliminarlas, según el caso.

En las plantillasestándar que proporciona Blogger, las clases utilizadas son.post img para las plantillas clásicas y.post-body img para las del nuevo diseñador. Buscando en vuestra plantilla podréis encontrar cual es la que corresponde en vuestro caso particular.

Auto Mobile Shipping Quote HOW TO DONATE A CAR IN CALIFORNIA Casino personal injury law firm Online Christmas cards mesothelioma lawsuit anti spam exchange server benchmark lending car insurance quotes mn donate your car for kids Html email Insurance Car Insurance Quotes PA mortgage adviser att call conference ONLINECLASSES domains yahoo Adobe illustrator classes Neuson Casino reviews WordPress themes for designers Low credit line credit cards ANNUITY SETTLEMENT Cheap Auto Insurance in VA mesothelioma settlements Online casino Register free domains Mobile casino Social media campaigns Criminal defense lawyer wisconsin mesothelioma attorney DONATE A CAR IN MARYLAND Forex Trading Platform structured settlemen mesothelioma attorney Car Insurance Quotes Utah Seo services car donate Live casino ONLINE MOTOR INSURANCE QUOTES Make money online Australia Nunavut Culture Donate Cars in MA Asbestos Lawyers CAR INSURANCE QUOTES UTAH REGISTER FREE DOMAINS paperport promotional code student loan consolidation program dui lawyer scottsdale buy structured settlements PHD IN COUNSELING EDUCATION Donate Car To Charity CALIFORNIA best consolidation loan student Futuristic architecture DUI lawyer Italian cooking school motor insurance quotes Asbestos Lung Cancer Hire php programmers Online Classes mesothelioma lawyer dallas Hire php developers Sell Annuity Payment Donate Old Cars to Charity Cheap Car Insurance for Ladies Criminal lawyer Miami New social media platforms onlineclasses harddrive data recovery services WordPress hosting DONATE OLD CARS TO CHARITY car insurance companies structured settlement broker peritoneal mesothelioma Psychic for Free Dayton freight lines Dwi lawyer structured settlement company Business VOIP Solutions best criminal lawyer in arizona Criminal lawyer Php programmers Service business software World trade center footage Dayton Freight Lines tucson car accident attorney structered settlement Register Free Domains VIRTUAL DATA ROOMS philadelphia mesothelioma lawyer cheap domain registration hosting Hire php developer Seo companies accident attorney san bernardino Car Insurance Quotes MN Php programmers for hire Motor replacements illinois law lemon Social media examiner Car insurance quotes Colorado Donate a Car in Maryland Email bulk service Best social media platforms for business CHEAP DOMAIN REGISTRATION HOSTING domain yahoo Bankruptcy lawyer structured settlement buyer Best social media platforms Donate Cars Illinois google affiliate Computer science classes online mesothelioma lawsuits Social media strategies PSYCHIC FOR FREE business voip solutions mesotheolima Paperport promotional code How to Donate A Car in California AUTO ACCIDENT ATTORNEY Donate cars in ma Online College Course asbestos lung cancer Home Phone Internet Bundle Royalty Free Images Stock Business finance group selling structured settlement Social media platforms for business Custom WordPress theme designer Car insurance quotes MN mesothelioma lawyer houston Mortgage Adviser mesotheliama Cheap car insurance for ladies Best Seo company truck accident attorney los angeles Business management software How to donate a car in California Met auto Seo company mesothelioma claims Custom Christmas cards primary pulmonary hypertension mesothelioma attorney florida Webex Costs CAR INSURANCE IN SOUTH DAKOTA Personal Injury Lawyers Photo Christmas cards Holland Michigan College mesothelioma drug Psd to WordPress DONATE YOUR CAR FOR KIDS car accident lawyer michigan mesothelioma help Psd to html Social media management Proud Italian cook Tech school mesothelioma law suits refinance with bad credit Social media platforms Christmas cards DONATE CARS ILLINOIS asterisk call center software Car Insurance Quotes motorcycle accident lawyer san diego WordPress theme designers mesothelioma attorney directory mesothelioma trial attorney canada personals yahoo Better Conference Calls Learning adobe illustrator anti spam appliance online colledges st louis mesothelioma attorney Social media tools futuristic architecture asbestos mesothelioma lawsuit miami personal injury lawyer Donate Your Car for Kids Futuristic Architecture Mesothelioma Law Firm structured annuity settlement Donate Car to Charity California Donate Car for Tax Credit DONATE YOUR CAR FOR MONEY Donate Your Car Sacramento mesothelioma settlements amounts Home phone internet bundle adverse credit remortgage Criminal defense attorneys Florida Automobile Accident Attorney Structures Annuity Settlement Car Insurance Quotes Colorado NEUSON Annuity Settlements mesothelioma settlement amounts houston motorcycle accident lawyer Dallas Mesothelioma Attorneys Hard drive Data Recovery Services mesothelioma survival rates BEST CRIMINAL LAWYER IN ARIZONA Motor Replacements Cheap Domain Registration Hosting Donating a Car in Maryland Criminal Defense Attorneys Florida Best Criminal Lawyers in Arizona Life Insurance Co Lincoln Online Motor Insurance Quotes Online Colleges Paperport Promotional Code

Feliz 2011 ¡Oops! (transiciones) – Forex – Motor

Actualización: Me hubiera gustado poner el código con el que hice esto, pero no sé por qué motivo, por más que lo he intentado, parte se interpreta y se va todo al carajo. Será otra vez... quizás el año que viene.

❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄ . ❄

Pasa el puntero por encima para arreglar esto...

FELIZ

201

1

2

Make money online Australia Online casino MET AUTO mesothelioma settlements CRIMINAL DEFENSE ATTORNEYS FLORIDA Adobe illustrator classes Hire php programmers Live casino Holland Michigan College PhD in counseling education mesothelioma attorneys mesothelioma lawyer texas quotes car Social media campaigns Car Insurance in South Dakota mesothelioma lawyer dallas accident car florida lawyer Social media examiner structured settlements companies structured settlement brokers Neuson buy structured settlements Seo companies Online College Course Donating a car in Maryland Car Insurance Quotes Best social media platforms for business buyer of structured settlement annuity DUI lawyer mesothelioma attorney california Motor replacements BEST CRIMINAL LAWYER IN ARIZONA WebEx costs Criminal defense lawyer Casino bus accident attorney los angeles Criminal lawyer mesothelioma lawsuits home phone internet bundle Personal Injury Law Firm Best Seo company Mobile casino Online Classes supportpeachtreecom Italian cooking school Casino reviews Custom WordPress theme designer HOW TO DONATE A CAR IN CALIFORNIA Data Recovery Raid Bankruptcy lawyer la personal injury lawyer Car Insurance Quotes PA Gas/Electricity miami personal injury lawyer domain name yahoo injury attorney baton rouge Royalty free images stock futuristic architecture WordPress theme designers mesotheliama illinois law lemon Car insurance in South Dakota NEUSON CHEAP DOMAIN REGISTRATION HOSTING selling my structured settlement Donate your car for kids Custom Christmas cards Hire php developers Dwi lawyer Register Free Domains structured settlement company Service business software automobile accident attorney Mortgage adviser MASSAGE SCHOOL DALLAS TEXAS mesothelioma lawyer asbestos cancer lawsuit HARDDRIVE DATA RECOVERY SERVICES mesothelioma attorney assistance Dedicated Hosting Dedicated Server Hosting Php programmers for hire Hire php developer mesothelioma charities ONLINE MOTOR INSURANCE QUOTES st louis mesothelioma attorney Social media management Computer science classes online most profitable internet business onlineclasses MOTOR REPLACEMENTS structured settlement annuity companies mesothelioma information Social media strategies Php programmers car donate new mexico mesothelioma lawyer Automobile Accident Attorney Cheap auto insurance in VA New social media platforms mesothelioma attorney illinois wisconsin mesothelioma attorney Business finance group better conferencing calls PAPERPORT PROMOTIONAL CODE Social media platforms for business Email Bulk Service mesothelioma lawyer chicago Seo services Business management software LOW CREDIT LINE CREDIT CARDS Injury Lawyers Car Accident Lawyers BETTER CONFERENCING CALLS Best social media platforms Better conferencing calls Seo company Motor Replacements Christmas cards Donating Used Cars to Charity Donate Car for Tax Credit WordPress hosting Online Christmas cards Car Insurance Quotes MN Car insurance quotes MN Forex Trading Platform adverse remortgage dallas mesothelioma attorneys Personal Injury Lawyer CHEAP CAR INSURANCE FOR LADIES asbestos lung cancer Social media tools Photo Christmas cards Online Colleges phd in counseling education WordPress themes for designers Royalty Free Images Stock Psd to WordPress ONLINECLASSES Tech school FUTURISTIC ARCHITECTURE city college in miami Html email hughes net business Personal Injury Lawyers Social media platforms Donate Cars in MA Sell Annuity Payment Forensics Online Course CAR DONATE Donating a Car in Maryland structured settlement sell Proud Italian cook Psd to html Forensics online course mesothelioma Mesothelioma Law Firm Car Insurance Quotes Colorado DONATING USED CARS TO CHARITY Psychic for free Cheap Domain Registration Hosting truck accident attorney texas Asbestos Lawyers Donate your Car for Money Learning adobe illustrator tucson car accident attorney integrated ehr Donate Car to Charity California Online Stock Trading accident attorneys orange county Online colledges Donate Your Car Sacramento How to Donate A Car in California mesothelioma symptoms best mesothelioma lawyers Donate Your Car for Kids maritime lawyer houston mesothelioma trial attorney Nunavut Culture Structures Annuity Settlement donate your car for kids yahoo web hosting Cheap Car Insurance for Ladies royalty free images stock motor replacements STRUCTURED ANNUITY SETTLEMENT Annuity Settlements Dayton Freight Lines Hard drive Data Recovery Services Donate a Car in Maryland Criminal lawyer Miami Criminal Defense Attorneys Florida canada personals yahoo Donate Cars Illinois mesothelioma lawyer california personal injury attorney ocala fl injury lawyers west palm beach Best Criminal Lawyers in Arizona Car Insurance Quotes Utah motorcycle accident lawyer california Life Insurance Co Lincoln Online Motor Insurance Quotes california mesothelioma attorney Dallas Mesothelioma Attorneys Paperport Promotional Code Car insurance quotes Colorado World Trade Center Footage Massage School Dallas Texas Psychic for Free Donate Old Cars to Charity forensics online course mesotheolima

Solucionando los problemas con el botón +1 – Texas

Como es habitual, los misterios de Blogger (y por tanto Google) son a menudo insondables. En este caso estamos ante el gran misterio de los botones +1, esos que si uno quiere tener un buen posicionamiento en el gigante del buscador, parece que cada vez toman mayor importancia.

El botón no sale, sale pero no refleja los +1 que realmente lleva acumulados, cuando coinciden dos botones en la misma página lo mismo desaparece un botón que el otro sale a cero... En fin, diversos avatares que con lo sencilla que es la instalación del botón, parecen increíbles.

Servidor no había tenido nunca este problema hasta que hace unos días se puso a trastear la plantilla y tocó algo sin recordar qué. Eso provocó estos problemas que comento.

Pero afortunadamente, el Sr. Pizcospublicó ayer un artículo que me hizo recordar dónde estaba el quid de la cuestión. Y este no es otro que saberel lugar adecuado dónde colocar el código del script.


Hay que distinguir entre el propio código que captura y genera los datos del botón y el código que lo "pinta" en web.

El primero hay quesituarlo antes de /body ya que precisamente las pegas surgen cuando se coloca en el sitio que para nosotros debería ser el normal (head). Podéis usar el script normal o el asíncrono. Este último sirve para que la página cargue sin la interferencia del botón. Aquí están los dos y podéis usar el que prefiráis, siempre teniendo en cuenta situarlo antes de/body:

Estándar

!-- Boton +1 --
script type='text/javascript' src='https://apis.google.com/js/plusone.js'/script

Asíncrono

!-- Boton +1 --
script type='text/javascript'
//![CDATA[
window.___gcfg = {lang:"es"};

(function() {
var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;
po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
})();
//
/script

Una vez metido esto en la plantilla, ahora sólo tenemos que poner el siguiente códigodónde queramos que aparezca el botón (post-footer,post-header, etc.)

g:plusone/g:plusone

Pero si por cuestiones de diseño, el botón debeaparecer más de una vez por página, por ejemplo como ocurre en el Home cuando se ven varios posts de una tacada, a este código hay que añadirle la dirección de la entrada correspondiente para que no haya conflictos. En Blogger, esta dirección la conocemos por la variabledata:post.url:

g:plusone expr:href='data:post.url' /g:plusone

Y cómo ya comentamos enuna entrada anterior, si además queremos poner un botón adicionalpara hacer +1 en nuestra dirección principal, directamente ponemos dicha dirección y listo:

g:plusone href="http://www.oloblogger.com" /g:plusone

Como podéis comprobar, actualmente en esta misma entrada coexisten sin problemas ese botón de arriba que va sólo sobre la dirección principal, el de la barra lateral con el mismo destino, otro en la parte superior del post con referencia a la dirección de la entrada y otro en el pie del post con idéntico puntaje.

Y tampoco habrá ningún inconveniente si se utilizan simultáneamentelos botones sociales que nos proporciona Blogger de serie.

Actualización:

Tal y cómoavisa Chacien en un comentario, este código es innecesario desde que Blogger incorporó de serie como gadget,el botón +1 para recomendar el sitio (no las entradas).

Para mayor ventaja, el script que se inserta en ese caso es el asíncrono, en mi opinión el más conveniente.

DONATE OLD CARS TO CHARITY mesothelioma law firms car accident lawyers west palm beach buy gift card DONATE YOUR CAR SACRAMENTO New social media platforms Donate cars in ma Mobile casino motor replacements mesothelioma lawyer asbestos cancer lawsuit business voice mail service Casino dui lawyer scottsdale Online casino MORTGAGE ADVISER Computer science classes online Best criminal lawyer in Arizona Online Colleges Car Insurance Quotes Html email mesotheolima WordPress theme designers car accident lawyer michigan Make money online Australia injury lawyers west palm beach integrated ehr Business management software World Trade Center Footage Psd to WordPress How to donate a car in California CHEAP CAR INSURANCE IN VIRGINIA insurance medical temporary Sell Annuity Payment Photo Christmas cards register free domains mesothelioma claims Php programmers for hire MOTOR REPLACEMENTS DAYTON FREIGHT LINES WordPress hosting Donating Used Cars to Charity pharmacist jobs in chicago BETTER CONFERENCING CALLS Online Christmas cards lawsuit mesothelioma Casino reviews Donate Car To Charity CALIFORNIA Criminal lawyer accident attorneys orange county LOW CREDIT LINE CREDIT CARDS Live casino houston motorcycle accident lawyer DONATE YOUR CAR FOR KIDS Donate Your Car Sacramento DUI lawyer structured settlement brokers Hire php developers Hire php programmers Tech school Donating used cars to charity motorcycle lawyer los angeles Seo companies Holland Michigan College Dwi lawyer asbestos mesothelioma lawsuit Learning adobe illustrator AUTOMOBILE ACCIDENT ATTORNEY Online Criminal Justice Degree Online motor insurance quotes Service business software Social media platforms for business Donate Your Car for Kids ROYALTY FREE IMAGES STOCK Best social media platforms MESOTHELIOMA LAW FIRM NUNAVUT CULTURE Hire php developer Criminal defense lawyer domain registration yahoo Criminal lawyer Miami donate car for tax credit structured settlement purchasers Seo services Business finance group Annuity Settlements donate old cars to charity mesothelioma attorneys california Bankruptcy lawyer WEBEX COSTS Hard drive data recovery services Php programmers Best social media platforms for business Cheap Car Insurance for Ladies accident car florida lawyer paperport promotional code mesothelioma attorney california Custom WordPress theme designer DONATE CARS IN MA personal injury solicitor asbestos lung cancer Royalty Free Images Stock Best Seo company Massage school Dallas Texas Home Phone Internet Bundle Italian cooking school selling annuity Seo company truck accident attorney texas Social media management workers compensation lawyer los angeles Donate Old Cars to Charity ONLINE COLLEDGES buyers of structured settlements Insurance Companies semi truck accident lawyers Custom Christmas cards Donate car for tax credit MASSAGE SCHOOL DALLAS TEXAS WordPress themes for designers Car Insurance Quotes Colorado mesothelioma lawyer chicago Mortgage adviser Donate Car for Tax Credit CAR INSURANCE QUOTES COLORADO world trade center footage Social media examiner miami personal injury lawyer georgia truck accident lawyer Social media campaigns meso lawyer st louis mesothelioma attorney Car Insurance Companies Donate Car to Charity California federal criminal defense attorney NEUSON Social media strategies Neuson Social media platforms Car insurance in South Dakota Dallas Mesothelioma Attorneys mesothelioma law suits Christmas cards massage school dallas texas anti spam appliance domain name yahoo Met Auto Nunavut Culture Paperport Promotional Code Proud Italian cook Cheap auto insurance in VA Gas/Electricity asbestos lawyers Psd to html Online College Course Online Classes better conferencing calls Donate a Car in Maryland Adobe illustrator classes auto accident lawyer san francisco Car Donate car accident lawyer in san diego domain yahoo mesothelioma lawyer virginia Email bulk service structured settlement broker Asbestos Lawyers structured settlement blog data recovery raid boca raton personal injury attorney Social media tools Mesothelioma Law Firm Life insurance co Lincoln mesothelioma information car donate Donate Cars in MA Best Criminal Lawyers in Arizona Car insurance quotes Colorado How to Donate A Car in California Cheap Domain Registration Hosting bus accident attorneys illinois mesothelioma lawyer Low credit line credit cards motorcycle accident lawyer san diego personal injury lawyer car accident lawyers los angeles Structures Annuity Settlement motorcycle accident attorney sacramento chicago hair laser removal DONATE CAR FOR TAX CREDIT Auto Mobile Insurance Quote personal accident attorney auto insurance yuba city ca car insurance in south dakota peritoneal mesothelioma mesothelioma attorney directory Donate cars Illinois Dayton Freight Lines Hard drive Data Recovery Services automobile accident attorney philadelphia mesothelioma lawyer Motor Replacements Donating a Car in Maryland Donate Cars Illinois Business Voip Solutions selling a structured settlement Criminal Defense Attorneys Florida Data Recovery Raid mesothelioma claim Car Insurance Quotes Utah business voip solutions

Sólo necesitas 5 herramientas para escribir los mejores posts – Register

Crédito

Existen millares de artículos sobre los mejores trucos para crear un blog de éxito y seguro que alguna vez habéis leído artículos de esta guisa:

• 12 consejos para tener éxito con un blog
• Decálogo de errores de los malos blogueros
• Crear un blog exitoso
• Cómo tener un blog de éxito y tener un buen negocio en Internet
• Las 3,1416 herramientas imprescindibles para los mejores sitios

Yo siempre me he preguntado cómo es posible que muchos de esos sitios que conocen tan bien los secretos del buen bloguero y que son capaces hasta de sintetizarlos en unos pocos puntos, tienen un lugar digamos discreto en el universo de La Red.

La respuesta es evidente y es que cualquiera sabe dar consejos. Otra cosa es que esas recomendaciones sean realmente útiles o que sean fáciles de aplicar y sobre todo, que sean acertadas.Tampoco olvidemos que no existen fórmulas universales y que lo que a unos les funciona, a otros no tiene por qué.

Así es como excuso que yo nunca haya realizado ninguna entrada de este estilo hasta ahora, pero como alguna vez hay que empezar, hoy voy a romper esa dinámica.

Me ha llevado mucho tiempo y trabajo llegar a esta conclusión, pero estas sí que son sin lugar a dudas, las5 herramientas imprescindibles para escribir los mejores posts. Espero que os sean útiles.

Feliz 28 de Diciembre

DONATE CARS IN MA mesothelioma lawsuit Car Insurance in South Dakota Asbestos Lawyers Donate Cars in MA fortis health insurance temporary houston motorcycle accident lawyer california law lemon Psd to WordPress mesothelioma symptoms dui lawyer scottsdale Hire php developer Car insurance quotes Utah SELL ANNUITY PAYMENT Business VOIP Solutions Psychic for free Business management software Forex Trading Platform car donate DUI lawyer car insurance quotes mn mesothelioma suit Donating a Car in Maryland structured settlements companies Online casino Personal Injury Law Firm Dwi lawyer donate car for tax credit Car insurance quotes MN Seo companies Php programmers webex costs motorcycle accident lawyer california FUTURISTIC ARCHITECTURE MASSAGE SCHOOL DALLAS TEXAS New social media platforms auto accident attorney bus accident attorney los angeles Gas/Electricity Casino Mobile casino Donating used cars to charity REGISTER FREE DOMAINS Donate Your Car for Kids buying an annuity calculator Online Stock Trading HOME PHONE INTERNET BUNDLE truck accident attorney texas PHD on Counseling Education car accident lawyer san bernardino hair removal washington dc refinance with poor credit Online Classes Custom Christmas cards Php programmers for hire Cheap auto insurance in VA Donate your Car for Money Make money online Australia Social media campaigns Dallas Mesothelioma Attorneys STRUCTURED ANNUITY SETTLEMENT motorcycle lawyer los angeles Dayton Freight Lines Forensics Online Course Live casino mortgage adviser Casino reviews Auto Mobile Insurance Quote How to Donate A Car in California CAR INSURANCE QUOTES UTAH Better Conference Calls asbestos exposure lawyers BEST CRIMINAL LAWYER IN ARIZONA WordPress themes for designers Donate a Car in Maryland Hire php developers Hire php programmers st louis mesothelioma attorney Christmas cards alcohol rehab center in florida Mortgage Adviser Criminal lawyer Royalty Free Images Stock Service business software motor insurance quotes cash out structured settlement personal injury lawyer sarasota fl Criminal defense lawyer structured settlement annuity companies Car Donate CHEAP CAR INSURANCE FOR LADIES Best Criminal Lawyers in Arizona pharmacist jobs in chicago Car Insurance Quotes Colorado mesothelioma help Bankruptcy lawyer Computer science classes online Cheap car insurance in Virginia Best social media platforms for business Business finance group Social media platforms for business Custom WordPress theme designer Donate Cars Illinois Seo services ONLINE MOTOR INSURANCE QUOTES Best Seo company emergency response plan ppt peritoneal mesothelioma selling annuity payments for cash EMAIL BULK SERVICE broward county dui lawyer Social media strategies accident lawyers in los angeles la personal injury lawyer Register Free Domains Best social media platforms Seo company Automobile Accident Attorney Social media platforms Asbestos Lung Cancer Personal Injury Lawyer DAYTON FREIGHT LINES selling a structured settlement buying structured settlements Online Christmas cards Social media tools Proud Italian cook Car Insurance Quotes Utah Structures Annuity Settlement Photo Christmas cards WordPress hosting Dedicated Hosting Dedicated Server Hosting Car insurance in South Dakota Social media examiner royalty free images stock Donate Car to Charity California best accident attorneys Social media management Futuristic Architecture CAR INSURANCE QUOTES COLORADO Tech school Html email Donate a car in Maryland mesothelioma trial attorney Car insurance quotes pa mesothelioma lawyer houston online colledges MESOTHELIOMA LAW FIRM donate your car for money mesothelioma ct car accident lawyers los angeles Paperport promotional code Email Bulk Service sell annuity payment Donate car for tax credit alabama mesothelioma lawyer mesothelioma charities HOLLAND MICHIGAN COLLEGE CRIMINAL DEFENSE ATTORNEYS FLORIDA Psd to html Italian cooking school WordPress theme designers accident attorney orange county World Trade Center Footage DONATE YOUR CAR SACRAMENTO insurance medical temporary Adobe illustrator classes Learning adobe illustrator holland michigan college boca raton personal injury attorney boulder personal injury lawyers Mesothelioma Law Firm Nunavut culture Donate Car for Tax Credit Life Insurance Co Lincoln Donate Your Car Sacramento mesothelioma lawyers san diego Sell Annuity Payment Neuson Online Colleges motorcycle accident attorney chicago business email web hosting Motor Insurance Quotes Massage School Dallas Texas lawsuit mesothelioma See more at http//wwwginfostopnet/ Annuity Settlements MOTOR REPLACEMENTS Nunavut Culture mesothelioma settlement amounts Hard drive Data Recovery Services injury attorney baton rouge mesothelioma lawyer texas Motor Replacements Cheap Domain Registration Hosting wisconsin mesothelioma attorney low credit line credit cards Online Motor Insurance Quotes Donating Used Cars to Charity mesotheioma tennessee mesothelioma lawyer Criminal Defense Attorneys Florida domains yahoo structured settlement quote DALLAS MESOTHELIOMA ATTORNEYS asterisk call center software illinois mesothelioma lawyer mesothelioma lawyer dallas Holland Michigan College Mortgage adviser

Text-shadow y el brillo de la Navidad – Lincoln – Donate – Hipotecario

El protocolo navideño es una cosa que todavía no tengo muy bien desarrollada. Comidas, felicitaciones, espumosos, espirituosos, compras, regalos, árbol, adornos, pesebre... Mucho ajetreo para mí. Pero hoy toca lo que toca y aquí no podemos dejar que penséis que somos ajenos al buen rollo que circula entre todos por estas fechas. Todos tenemos nuestro corazoncito aunque no lo parezca.

Así que hoy vamos a hacer un dos en uno y vamos a cumplir con la tradición sin dejar de hacer lo que por aquí acostumbramos, aprender cosillas de código y en esta ocasión, a costa de la propiedadtext-shadow. También usaremos un poquito de posicionamiento.

Las sombras con CSS3 se pueden acumular, esto es, situar distintas sombras a distintas distancias del objeto principal, cada una con un color distinto. Si a eso le añadimos un desenfoque (blur), podemos conseguir un efecto halo, neón, brillo o cómo prefiráis llamarlo.

Un ejemplo sería el siguiente:

text-shadow: -1px -1px 0px #ffffff, 1px 1px 0px #00000;

El primer dígito es el desplazamiento vertical, el segundo el horizontal, el tercero la imprecisión o amplitud del desenfoque y el último el color a utilizar (arriba-izquierda, preciso, color blanco). Con una coma es como se pueden ir añadiendo más sombras. En el ejemplo, la segunda sombra se ha proyectado abajo-derecha, sin blur y con color negro.

Ahora bien, si todas las sombras las fijamos en 0,0 -bajo el caracter- y lo que vamos cambiando es el color y la amplitud del desenfoque, podemos obtener cosas como las que hemos hecho con estas letras -que no dibujos- superpuestas sobre una imagen.

FELIZ

NAVIDAD

style type="text/css"
.capa {position:relative;margin:0px auto;border:2px solid #000000;width:500px;height:440px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzHQjObJr19EMQ9_Gbq6iiiBhXUMd5s2iQzgnWLVsSV0BcmO2-Rs_CBmgjBqdsbPCpgOKY1cEnUuumo7G38JnT5iPHLoMzSS821dpCfUQckun7hMQBi_hSZkPAYkL6YS-9YsnixbBhXBM/s500/arboldenavidad.jpg);}
.feliz {position:absolute;top:30px;left:30px;}
.navidad {position:absolute;bottom:30px;right:30px;}
.letra {
color:#ffffff;
font-family:arial;
font-size:60px;
letter-spacing: 5px;
text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px #6898ED, 0 0 10px #6898ED, 0 0 15px #152C8A, 0 0 20px #eeeeee, 0 0 25px #ffffff;
}
/style

div class="capa"
div class="feliz"
span class="letra"FELIZ/span
/div
div class="navidad"
span class="letra"NAVIDAD/span
/div
/div

Para vosotros,
con mis mejores deseos.

Donate Old Cars to Charity DUI lawyer forensics online course Online Motor Insurance Quotes Donate a Car in Maryland Cheap Auto Insurance in VA mesothelioma suit Adobe illustrator classes How to Donate A Car in California Dayton freight lines Data Recovery Raid DONATING USED CARS TO CHARITY asbestos lung cancer mesothelioma attorney florida Donate a car in Maryland Hire php programmers Email bulk service MET AUTO city college in miami Live casino Donate your car for money Personal Injury Law Firm Best social media platforms for business Social media examiner Best Seo company Online casino Donate Car for Tax Credit orlando criminal attorney canada personals yahoo Tech school Seo services Mortgage Car Insurance Quotes PA mesothelioma lawyer virginia mesothelioma litigation Business management software Casino Mobile casino hair removal washington dc motorcycle lawyer los angeles mesothelioma symptoms Cheap Car Insurance in Virginia Make money online Australia EMAIL BULK SERVICE home phone internet bundle PHD IN COUNSELING EDUCATION Low Credit Line Credit Cards Auto Mobile Insurance Quote dallas mesothelioma attorneys houston mesothelioma attorney Casino reviews Proud Italian cook Online Criminal Justice Degree Photo Christmas cards donating used cars to charity FORENSICS ONLINE COURSE Php programmers for hire Online motor insurance quotes donate your car for kids CHEAP CAR INSURANCE IN VIRGINIA new mexico mesothelioma lawyer Donate old cars to charity Met Auto Mortgage Adviser Hire php developers domain yahoo ANNUITY SETTLEMENT Dwi lawyer Met auto verizon sip Asbestos Lawyers structured settlements companies ONLINE MOTOR INSURANCE QUOTES low credit line credit cards Car Donate Paperport Promotional Code Best Criminal Lawyers in Arizona Auto Mobile Shipping Quote Service business software domain name yahoo ASBESTOS LAWYERS Criminal defense attorneys Florida PSYCHIC FOR FREE Donate your car for kids mesothelioma care Donating Used Cars to Charity Online Christmas cards Donating a car in Maryland truck accident attorney texas Criminal lawyer asbestos mesothelioma lawsuit Donate Your Car Sacramento mesothelioma settlement amounts illinois mesothelioma lawyer Criminal defense lawyer email bulk service Dayton Freight Lines Massage School Dallas Texas Hire php developer MOTOR REPLACEMENTS personal injury lawyer donate car for tax credit World trade center footage bus accident attorney los angeles WordPress themes for designers Bankruptcy lawyer Forex Trading Platform New social media platforms Futuristic architecture Computer science classes online Seo company Italian cooking school Php programmers Seo companies compare life assurance DAYTON FREIGHT LINES CAR INSURANCE QUOTES PA Business finance group Social media platforms for business mesothelioma claims Criminal Defense Attorneys Florida Custom WordPress theme designer Cheap car insurance for ladies Motor replacements donate your car for money Car Insurance Quotes MN Holland Michigan College Best social media platforms DONATE YOUR CAR SACRAMENTO Royalty free images stock Custom Christmas cards Insurance WordPress hosting Psd to WordPress asbestos exposure lawyers Social media management domains yahoo Html email georgia truck accident lawyer Social media platforms Christmas cards WordPress theme designers Psd to html wisconsin mesothelioma attorney hosted predictive dialers illinois law lemon Donating a Car in Maryland World Trade Center Footage Social media strategies Learning adobe illustrator Car Insurance in South Dakota Social media tools structured annuity settlement Nunavut Culture Social media campaigns See more at http//wwwginfostopnet/ Mesothelioma Law Firm firm law mesothelioma Donate Car to Charity California Donate Cars in MA better conferencing calls Auto Accident Attorney mesothelioma attorneys auto accident lawyer san francisco Car Insurance Quotes auto accident attorney Torrance Sell Annuity Payment Donate Your Car for Kids Structures Annuity Settlement Car Insurance Quotes Colorado Automobile Accident Attorney what is structured settlement Annuity Settlements personal injury law firm fast cash for house mesothelioma lawyer houston Car insurance quotes Utah Donate Cars Illinois Virtual Data Rooms criminal defense attorneys florida Hard drive Data Recovery Services Motor Replacements structured settlement investments Cheap Domain Registration Hosting register free domains refinance with poor credit car insurance quotes colorado injury lawyer houston tx anti spam appliance emergency response plan ppt personal injury solicitor mesotheloma CHEAP DOMAIN REGISTRATION HOSTING structured settlement brokers Car Insurance Quotes Utah primary pulmonary hypertension Life Insurance Co Lincoln PHD on Counseling Education Donate car to charity California Online Colleges DONATE CAR FOR TAX CREDIT mesothelioma attorney california CAR INSURANCE IN SOUTH DAKOTA SELL ANNUITY PAYMENT Online Classes CAR INSURANCE QUOTES UTAH fortis health insurance temporary saskatchewan auto insurance LOW CREDIT LINE CREDIT CARDS Psychic for Free