Poner separadores en los gadgets – dinero – Registros

Hace algún tiempo vimos cómoponer separadores en las entradas, y desde esa vez muchos han preguntado cómoponer separadores en los gadgets de la sidebar. La verdad es que es un procedimiento sumamente sencillo que no deberá quitarnos ni 3 minutos de tiempo.

Haremos algo similar como lo que hicimos paraenmarcar entradas y gadgets sólo que aquí tendremos la opción de incluir una imagen como separador y así delimitar de forma estética el final de cada gadget.

Si usamos bordes tendremos un resultado como este.

Y si usamos imágenes podrá verse más o menos así.

Veremos cómo hacerlo para las plantillas antiguas de Blogger, y las hechas con el Diseñador de plantillas de Blogger. En cualquier de los dos casos entra enDiseño | Edición de HTML y luego...

Para plantillas hechas con el Diseñador de plantillas de Blogger

Si quieres que el separador sea un borde agrega antes de/b:skin lo siguiente:

.column-right-outer .widget, .column-left-outer .widget {
border-bottom:4px solid #000;
padding-bottom:20px;
}

Si quieres que el separador sea una imagen entonces en lugar de lo anterior agrega esto:

.column-right-outer .widget, .column-left-outer .widget {
background: url(URL de la imagen)no-repeat 50% 100%;
padding-bottom:70px;
border:0;
}

Para las Plantillas antiguas de Blogger

De igual manera agrega antes de/b:skin lo siguiente si quieres que el separador sea un borde:

.sidebar .widget {
border-bottom:4px solid #000;
padding-bottom:20px;
}

O bien, si quieres que el separador de los gadgets sea una imagen entonces lo que deberás agregar será esto:

.sidebar .widget {
background: url(URL de la imagen)no-repeat 50% 100%;
padding-bottom:70px;
border:0;
}

Agrega laURL de la imagen del separador donde se indica si es que te decidiste por el separador con imágenes. Si la imagen fuera muy alta cambia donde dicepadding-bottom:70px; por una valor más grande hasta que la imagen se muestre por completo.

En el caso de los separadores con bordes puedes modificar el grosor, tipo y color del borde, eso se hace donde diceborder-bottom:4px solid #000;
4px es el grosor, solid es el tipo de borde, puedes cambiarlo por dotted, dashed, double, groove, ridge, outset, o inset, y #000 es el color del borde.
En donde dice padding-bottom:20px; podemos controlar la distancia entre cada gadget.

Como dije antes, es un procedimiento bastante simple que quizá la parte más difícil será decidirnos por un estilo que nos guste.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet

Met auto Online casino car accident lawyer in san diego structured settlement broker Seo companies wisconsin mesothelioma attorney Computer science classes online CHEAP CAR INSURANCE FOR LADIES mesothelioma lawsuit Cheap Car Insurance for Ladies automobile accident attorney Donate Your Car Sacramento Mortgage adviser car donate Paperport promotional code Criminal lawyer mesothelioma lawyer dallas dallas mesothelioma lawyer Best social media platforms Casino Italian cooking school Holland Michigan College boca raton personal injury attorney HOLLAND MICHIGAN COLLEGE Register Free Domains futuristic architecture Auto Mobile Shipping Quote Php programmers Mobile casino personal injury attorney springfield mo Business finance group Photo Christmas cards Custom WordPress theme designer sell my structured settlement Donate Car to Charity California Make money online Australia personal injury lawyer sarasota fl car insurance companies Register free domains Casino reviews Live casino DUI lawyer Asbestos Lung Cancer VIRTUAL DATA ROOMS car accident lawyer san bernardino Hire php developers CHEAP DOMAIN REGISTRATION HOSTING Hire php programmers Personal Injury Lawyers Seo services Dwi lawyer Hard drive Data Recovery Services Donate a Car in Maryland primary pulmonary hypertension mesotheolima Cheap Domain Registration Hosting Car insurance in South Dakota Donating used cars to charity Met Auto boulder personal injury lawyers Health Records Personal Health Record World Trade Center Footage Asbestos Lawyers Online Christmas cards Mesothelioma Law Firm Service business software Custom Christmas cards Learning adobe illustrator federal criminal defense attorney Donate Cars Illinois Webex Costs ANNUITY SETTLEMENT New social media platforms HOW TO DONATE A CAR IN CALIFORNIA insurance medical temporary mesothelioma attorney directory Donate your car for kids CAR INSURANCE QUOTES COLORADO Php programmers for hire Car insurance quotes Utah Car Insurance Quotes motor replacements Car Donate Criminal defense lawyer WordPress themes for designers Car Insurance Companies Hire php developer Email Bulk Service sell your structured settlement payments Low Credit Line Credit Cards orlando criminal attorney Bankruptcy lawyer data recovery raid Tech school colorado auto accident attorney selling annuity Best social media platforms for business Virtual Data Rooms Social media platforms for business NEUSON Seo company Best Seo company DONATE CARS ILLINOIS Car Insurance in South Dakota Annuity Settlements Business management software WordPress hosting Better conferencing calls Personal Injury Law Firm Donate Cars in MA Criminal lawyer Miami supportpeachtreecom mesothelioma law suit cash annuity compare small business phone systems