Dividir el footer del blog – Rooms – Dominios

Ya vimos cómodividir la cabecera del blog y cómodividir el crosscol, ahora le toca el turno al pie del blog, o sea, a la parte que se encuentra hasta abajo de la plantilla mejor conocida como footer. Así que en esta entrada veremoscómo dividir el footer del blog en tres columnas para poder agregar ahí algunos gadgets.

Pasaremos de esto:

A esto:

Para los que usan una plantilla del Diseñador de Plantillas de Blogger eso puede hacerse desde el momento de la creación de la plantilla, sólo hay que ir dentro del Diseñador de Plantillas y en la pestañaDiseño hay que elegir la estructura de la plantilla, en la secciónDiseño de pie de página puede seleccionarse el footer simple, dividido en dos, o dividido en tres.

O bien, también puede hacerse directo en la plantilla, así que vamos a ver cómo dividir el footer del blog tanto en esas plantillas como en las plantillas antiguas.

Empezaremos con lasplantillas hechas con el Diseñador de Plantillas de Blogger, primero vamos a quitar temporalmente cualquier gadget que haya en esa área, puedes arrastrarlo a la sidebar, ya cuando termines con los cambios podrás moverlo de nuevo al footer.

Ya que esté libre esa área entra enDiseño | Edición de HTML ySIN expandir los artilugios busca esta línea:

b:section-contents id='footer-1'/

O si ya está dividido en dos busca esta otra:

b:section-contents id='footer-1'/b:section-contents id='footer-2-1'/b:section-contents id='footer-2-2'/

Ya localizada cualquiera de esas partes elimínala con cuidado y en su lugar pon esto:

b:section-contents id='footer-1'/b:section-contents id='footer-2-1'/b:section-contents id='footer-2-2'/b:section-contents id='footer-2-3'/

Con eso estará dividido el footer en tres columnas. No se verá la columna extra hasta abajo que se aprecia en la imagen de ejemplo pues en el caso de esas plantillas los gadgets pueden arrastrase arriba de los créditos y funcionará de igual manera.

En el caso de lasplantillas antiguas de Blogger el procedimiento es un poco diferente; primero habremos de quitar cualquier gadget de ahí, y luegoSIN expandir artilugios busca este código:

div id='footer-wrapper'
b:section class='footer' id='footer'/
/div

Elimínalo y en su lugar coloca este otro:

div id='footer-wrapper'

div id='footer0' style='text-align: center; padding: 5px;'
b:section id='footer-superior' preferred='yes'/
/div

div id='footer1' style='width:32%; float: left; margin:0; padding: 5px;'
b:section class='footer' id='foot1' preferred='yes' style='float:left;'/
/div

div id='footer2' style='width:31%; float: left; margin:0; padding: 5px;'
b:section class='footer' id='foot2' preferred='yes' style='float:left;'/
/div

div id='footer3' style='width:32%; float: right; margin:0; padding: 5px;'
b:section class='footer' id='foot3' preferred='yes' style='float:right;'/
/div

div style='clear:both;'/

div id='footer4' style='text-align: center; padding: 5px;'
b:section id='footer-inferior' preferred='yes'/
/div

div style='clear:both;'/
/div

Dependiendo de cada plantilla quizá sea necesario ajustar los porcentajes a valores más pequeños por si alguna de esas área se moviera hacia abajo, ya dependerá de cada caso y que cada quien experimente con las medidas que más se ajusten a su plantilla.

Si quisieras agregarle un poco de estilos a esa área sólo agrega antes de/b:skin lo siquiente:

#footer-wrapper h2{
background:#0B243B;/* Color de fondo de los títulos */
color:#fff;/* Color del título */
margin: 0.0em 0 .5em;
padding: 4px 3px;
text-align: center;
font-size: 16px;/* Tamaño de la fuente del título */
}
.footer{
background:#ccc;/* Color de fondo de los gadgets */
}

Y con eso tendrás el footer del blog dividido para que puedas aprovechar su espacio y agregar más gadgets de forma ordenada en el blog.

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

business email web hosting Photo Christmas cards auto insurance yuba city ca PHD on Counseling Education Online casino Online College Course Casino Adobe illustrator classes washington mesothelioma attorney Service business software CHEAP CAR INSURANCE IN VIRGINIA Car Insurance Quotes Utah asbestos exposure lawyers Personal Injury Lawyers Forensics Online Course car accident lawyers best structured settlement companies Social media tools ONLINE COLLEDGES virtual data rooms DONATE CARS ILLINOIS Register free domains Donate a car in Maryland event management security car insurance quotes colorado benchmark lending WORLD TRADE CENTER FOOTAGE Donate Cars Illinois donate car for tax credit Computer science classes online Structures Annuity Settlement mesothelioma charities Christmas cards mesothelioma lawyer houston sell structured settlement calculator Mobile casino See more at http//wwwginfostopnet/ truck accident attorney texas DONATE YOUR CAR SACRAMENTO Dallas Mesothelioma Attorneys Dwi lawyer car crash attorneys better conferencing calls selling structured settlement Car Insurance Quotes Colorado NUNAVUT CULTURE PAPERPORT PROMOTIONAL CODE Make money online Australia mesothelioma lawyer california Casino reviews personal injury accident lawyer Live casino adverse remortgage DUI lawyer Donating a Car in Maryland Hire php developer Criminal defense lawyer HOLLAND MICHIGAN COLLEGE DAYTON FREIGHT LINES mesothelioma suit mesothelioma lawyer dallas Hire php developers CAR DONATE maritime lawyer houston insurance medical temporary Cheap Car Insurance in Virginia mesothelioma settlements amounts wisconsin mesothelioma attorney Hire php programmers Donate car for tax credit Php programmers Php programmers for hire federal criminal defense attorney saskatchewan auto insurance accident attorneys orange county data recovery raid Cheap car insurance for ladies personal injury lawyer Futuristic architecture SELL ANNUITY PAYMENT Criminal lawyer Seo services Online colledges HARDDRIVE DATA RECOVERY SERVICES PSYCHIC FOR FREE Best social media platforms for business Business management software selling annuity payments for cash injury attorney baton rouge mesothelioma lawyer texas Holland Michigan College accident car florida lawyer Massage school Dallas Texas Online motor insurance quotes personal injury law firm Bankruptcy lawyer Social media strategies Motor Replacements Injury Lawyers Social media platforms Webex Costs business voip solutions Cheap domain registration hosting Seo companies structured settlement cash out Hard drive Data Recovery Services New social media platforms Business finance group WordPress hosting cheap domain registration hosting structured settlements companies Better Conference Calls Social media platforms for business Custom WordPress theme designer Sell Annuity Payment