Personalizar las plantillas "Vistas dinámicas" en Blogger – Hipotecario – Credito

Hace no mucho tiempo Blogger habilitó estas increíbles plantillas para los usuarios, pero lamentablemente no es posible modificarlas desde un sistema de edición HTML estándar ya que carece de este, pero podemos usar nuestro propio CSS para personalizar como queramos estas plantillas que según mi opinión son demasiado frías.

Para editar con CSS toda la plantilla es necesario conocer los IDs y secciones de cada lugar. En este tutorial les mostraré cómo editar cada valor para así manejar a gusto la plantilla sin necesidad de un editor HTML.

El tutorial:

Todos los cambios los haremos desde la zona para insertar CSS que se encuentra en el "Diseñador de plantillas de Blogger":



Paso 1: Eliminando algunas cosas innecesarias:

En esta parte del tutorial eliminaremos algunos elementos intrusivos que blogger arbitrariamente incluyó en el diseño de las plantillas las cuales corresponden al enlace "Powered By Blogger" (Atribución) y al del FeedBack:



Para eliminar estos elementos basta con añadir el siguiente código CSS:
#blogger-branding {display:none !important;}
.feed-link {display:none !important;}
.feedback {display:none !important;}

Paso 2: Personalizando la plantilla:

Ahora que ya tenemos estos elementos fuera de la plantilla procederemos a modificar cada sección, en la siguiente imagen he definido los valores para editar exitosamente las plantillas:



Ahora que ya tenemos los nombres de cada sección y clase será necesario establecer los parámetros de la siguiente forma:
.header-bar {background:#2d2d2d!important;}
Para el ejemplo utilicé un color de fondo en la cabecera y le añadí "!important" al atributo, esto es básicamente para que respete el valor y así sobreescriba los estilos originales en la plantilla, es crucial incluir este valor en cada atributo o de lo contrario no funcionarán.

Veamos un ejemplo mas claro:
.header-bar {
background:#2d2d2d!important;
color:white!important;
height:100px;
width:700px;
margin:0 auto!important;
}

Ahora que ya tenemos una noción un poco más clara podemos editar libremente la plantilla, pueden ver un demo personalizado visitando esteblog de pruebas.

El código fuente del diseño que creé en este blog es el siguiente:
#blogger-branding {display:none !important;}
.feed-link {display:none !important;}
.feedback {display:none !important;}

.header-bar {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZus6WYJ4kByEQVg1K11t5TIYEkrgsSnzx2Y_ur3TiXkW9eHxCmnqu89QltFbXGWY9aUPQuBobpGYYb7N3w7J2qUzNqqM7zBN6lv8uVMb0NAIWhnfAd8LKRrSuxviAVJWLibI7YBkqwLk/s1600/juicyMainHeader.jpg) no-repeat left !important; position:absolute !important; }

.header h1 {color:white !important;text-shadow:none!important;margin-left:200px !important; font-size:42px !important; font-family: Century Gothic, sans-serif !important; }

div.header-drawer {background:orange !important;padding-left:200px !important;position:absolute !important;}
div.header-drawer a {color:#fff !important;}

#main {background:#f8f8f8 !important;}

.title {font-size:40px !important;border-bottom:4px solid orange !important; }

.ribbon .top {background:orange !important;}
.ribbon .bottom {background:orange !important;}
.ribbon .tail {display:none!important;}

.article-footer {width:800px !important; background:orange !important; color:#fff !important;}

.labels, .label {color:#fff !important;}

.publish-info, .time {color:#fff !important;}


Actualización:

Pueden revisar este artículo de+Karla Castañeda, en donde aparecen algunos trucos para modificar un poco más sus plantillas:

Compartidísimo: 8 Trucos Sencillos para Personalizar la Plantilla "Magazine" de las Vistas Dinámicas

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 JetAsi que mejor me fue a un hotel y motel FIFA World Cup Mundial Football New Orleans mesothelioma lawyer y mas que todo que la pase bien en ese hostal y me me fui de viaje a tennessee mesothelioma attorney donde EEUU me pidio la visa pero mejor aun many people in mesothelioma trial lawyers pero me fui a travel Alaska nebraska mesothelioma attorney pero mas aun con mesothelioma attorney nebraska mas siempre fue asi des hace mucho time merlin olsen lawsuit,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDNos ofrece Mundial Football eloan com, FIFA World Cupuna gran variedad para contratar mesothelioma info y obtener un equity line of credit y una buena estructura de negocio SEO consolidate loans y visitar su casa matriz Mesothelioma law firm,home equity loans domain name searchSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Asbestos Lung Cancer alabama mesothelioma lawyer Business management software Social media tools cell cycle regulation ppt federal criminal defense attorney Nunavut Culture Christmas cards Forex Trading Platform mesothelioma attorney illinois Car Accident Lawyers alcohol rehab center in florida Psd to html WordPress hosting mortgage adviser Best social media platforms for business utah mesothelioma lawyer cheap auto insurance in va Donate cars in ma business voice mail service Mesothelioma Law Firm bowne virtual data room Online casino Holland Michigan College personal injury firm mesothelioma claim criminal defense attorneys florida DALLAS MESOTHELIOMA ATTORNEYS Casino Live casino Mobile casino motorcycle accident lawyer california Italian cooking school bus accident attorneys mesothelioma litigation domain registration yahoo semi truck accident lawyers cash out structured settlement Seo companies best mesothelioma lawyers Make money online Australia cheaper insurance companies New social media platforms life insurance co lincoln Mortgage Adviser Cheap domain registration hosting donating used cars to charity Hire php programmers Php programmers Casino reviews Register Free Domains Donate Car for Tax Credit Criminal Defense Attorneys Florida PSYCHIC FOR FREE Criminal lawyer Miami Online Colleges Dwi lawyer Paperport Promotional Code cash annuity mesothelioma ct DUI lawyer structured settlement cash out earthlink business internet Hire php developers personal injury law firm register free domains google affiliate car insurance quotes lawsuit mesothelioma car insurance quotes mn See more at http//wwwginfostopnet/ tucson car accident attorney Service business software Mortgage adviser CHEAP DOMAIN REGISTRATION HOSTING Hire php developer Donate Your Car Sacramento HOW TO DONATE A CAR IN CALIFORNIA Email Bulk Service Criminal lawyer ONLINECLASSES ONLINE COLLEDGES BEST CRIMINAL LAWYER IN ARIZONA Custom WordPress theme designer Car Insurance Quotes PA Cheap Domain Registration Hosting motor replacements mesothelioma attorney assistance Criminal defense lawyer primary pulmonary hypertension forensics online course Low Credit Line Credit Cards Car insurance quotes MN structured settlement blog Php programmers for hire CAR INSURANCE QUOTES PA Bankruptcy lawyer Attorney Met Auto Social media platforms for business Virtual Data Rooms Computer science classes online mesothelioma mesothelioma lawyer virginia Motor Replacements Social media strategies event management security mesotheolima buyers of structured settlements illinois law lemon Social media platforms Business finance group Donate Cars Illinois PHD IN COUNSELING EDUCATION att call conference

Share: