Cuando se tienen pocos o ningún conocimiento de programación web, copiar y pegar es el recurso más fácil y socorrido para conseguir modificar una plantilla siguiendo las instrucciones de otros. El problema viene cuando las referencias que citan para localizar el lugar dónde insertar el código que nos facilitan, no coinciden exactamente con las líneas de nuestra plantilla. Si encima sólo me dicen cosas como que pegue ese algo en la parte CSS, ya sí que me han fastidiado bien ¿dónde narices está eso?Creo que conocer la estructura de la plantilla Blogger, aunque sea básicamente, ayuda bastante no sólo a ir siguiendo instrucciones, sino también a poder incluir modificaciones por nosotros mismos. Y eso es lo que vamos a intentar explicar a continuación.
Una plantilla Blogger tiene en un principio la misma estructura que cualquier otra página web:
HTML
HEAD
TITLETítulo página/TITLE
/HEAD
BODY
Contenido
/BODY
/HTML
Lo que veis entre los símbolos y son etiquetas HTML o tags. Cada etiqueta tiene que tener necesariamente su correspondiente cierre, que consiste en una etiqueta igual pero con una barra delante de su nombre. Entre ambas es dónde se tiene que poner el contenido que corresponda. A propósito, comentar que el hecho de que los símbolos antes mencionados sirvan para definir etiquetas HTML, es el motivo por el cual cuando intentais pegar código en un comentario o en una entrada, este no sale. El navegador interpreta que lo que viene detrás es código y sencillamente no lo muestra, sino que lo interpreta. Ya vimos anteriormente la forma depublicar código "visible", así que eso lo saltamos.
Como podeis ver en el código anterior, toda la página tiene que estar entre etiquetas HTML, cosa imprescindible cuando se usa este lenguaje. Anidados dentro de estas dos etiquetas, podemos ver también dos bloques diferenciados:HEAD yBODY.Dentro deHEAD (cabeza, cabecera) se detalla el prólogo del resto del archivo. Habitualmente son pocas las tags que van dentro de ella, pero como veremos, en Blogger se suele incluir algo muy importante: el estilo. Destaca la etiquetaTITLE que da título a la página y que es lo que luego se verá en la pestaña del navegador. En esta que estais leyendo, ese título coincide casi con el título del post:Blogger. Estructura básica de la plantilla || Oloblogger. Para saber cómo cambiar esos títulos, podeis acceder a la entradaCambiar títulos de páginas.
Dentro deBODY va el resto del contenido del documento y para estructurar toda la información que allí mostramos, se utilizanDIV's que van formando los distintosbloques de información.
Pero antes de seguir, volvamos alHEAD. Aquí es dónde pueden ir las instrucciones que darán determinada apariencia a nuestro blog: el estilo oCSS. Lo más recomendable para una página web estándar (por llamarles de alguna manera), es que la hoja de estilo esté en un documento aparte y que la página en cuestión sólo se ocupe de cargar esos datos mediante una solicitud del tipolink href="mihojadeestilo.css" rel="stylesheet" type="text/css"
Otra manera (menos eficiente) de hacer lo mismo, es mediante la inclusión directa dentro deHEAD, de la etiquetaSTYLE y entre ella y su cierre, todos los selectores, clases, ID's... con sus correspondientes propiedades o atributos CSS. Esta segunda es la opción que utiliza Blogger, pero para rizar el rizo, no utilizaSTYLE sino algo un poco más largo que incluye la palabra mágicaSKIN (piel, carátula)...
HTML
HEAD
TITLETítulo página/TITLE
b:skin!--[CDATA[/*
Código CSS
--/b:skin
/HEAD
BODY
Contenido
/BODY
/HTML
Este es un ejemplo de código tipo CSS del que os encontrareis entre dichas etiquetasSKIN. En este caso, define el aspecto general de las entradas (siempre que se haya utilizado ese mismo nombre para ello):
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
Así que ya sabemos que toda la parte de estilo está entre las citadas etiquetasSKIN. Por comodidad, las incorporaciones de nuevas clases (selectores) se suelen hacer justo antes del cierre, de manera que si luego queremos quitarlas para deshacer el cambio, las localizaremos rápidamente. Si los selectores sonsubclases de otras ya definidas, lo normal será insertarlas a continuación de las clases principales. Esto sólo es por tener una plantilla lo más ordenada posible. No afecta al resultado.
background:#ffffff;
}
.post ul {
list-style-type:none;
}
Y como esto está quedando ya muy largo, el resto del contenido delHEAD y el delBODY lo dejamos para otra entrada.
Tarea para casa: localizar en vuestra plantilla los títulos de las páginas y la parte de código CSS ;)
Actualización: Estructura básica de la plantilla II.
automobile accident attorney chicago hair laser removal truck accident attorney texas Motor Replacements Make money online Australia domains yahoo donate car for tax credit Donate a car in Maryland georgia truck accident lawyer Neuson mesothelioma ct car accident lawyer san bernardino MASSAGE SCHOOL DALLAS TEXAS Bankruptcy lawyer Learning adobe illustrator Casino WordPress themes for designers Service business software Online casino car insurance companies Met auto event management security Criminal lawyer Miami Seo company Insurance Companies structured settlement investments student loan consolidation program colorado mesothelioma lawyers mesothelioma settlement amounts california motorcycle accident lawyer PHD on Counseling Education Mobile casino mesothelioma attorneys california HOLLAND MICHIGAN COLLEGE Car insurance in South Dakota Seo companies car accident lawyers Seo services Dayton freight lines VIRTUAL DATA ROOMS Best social media platforms for business Donate old cars to charity hair removal washington dc DUI lawyer structured settlement cash out Met Auto Hire php programmers CAR INSURANCE QUOTES UTAH MORTGAGE ADVISER Donate Cars Illinois Mortgage Adviser Hire php developers Dallas Mesothelioma Attorneys donate old cars to charity HARDDRIVE DATA RECOVERY SERVICES mesothelioma survival rates World Trade Center Footage Car Accident Lawyers Casino reviews Online classes Criminal lawyer Best social media platforms Live casino structured settlement broker Home Phone Internet Bundle CHEAP CAR INSURANCE FOR LADIES Car Insurance Quotes MN sell your structured settlement payments st louis mesothelioma attorney How to donate a car in California domain name yahoo New social media platforms adverse credit remortgage Dwi lawyer hosted predictive dialers FORENSICS ONLINE COURSE car accident lawyer michigan Mesothelioma Law Firm Donate Your Car Sacramento federal criminal defense attorney yahoo web hosting Online Stock Trading cheap domain registration hosting Asbestos Lawyers Injury Lawyers structered settlement mesothelioma claim DONATE CAR FOR TAX CREDIT harddrive data recovery services Criminal defense lawyer accident attorney orange county domain yahoo auto accident attorney Torrance Dayton Freight Lines criminal defense attorneys florida Psychic for Free Php programmers for hire Futuristic Architecture structure settlements mesothelioma information Hire php developer Computer science classes online Php programmers Online Christmas cards los angeles auto accident attorneys Christmas cards personal injury lawyer CHEAP AUTO INSURANCE IN VA sell structured settlement calculator mesothelioma drug PAPERPORT PROMOTIONAL CODE CAR INSURANCE IN SOUTH DAKOTA ONLINECLASSES Personal Injury Lawyers personal injury lawyer sarasota fl Social media campaigns peritoneal mesothelioma Webex Costs Dallas mesothelioma attorneys Custom WordPress theme designer offshore accident lawyer Donate cars Illinois Business finance group structured annuity settlement Social media platforms for business PHD IN COUNSELING EDUCATION Best Seo company Business management software dallas mesothelioma attorneys injury lawyers Car Insurance Quotes Colorado structured settlement buyers Car Insurance Companies Nunavut Culture criminal defense federal lawyer att call conference pharmacist jobs in chicago WordPress hosting Email Bulk Service alcohol rehab center in florida Custom Christmas cards Photo Christmas cards Donating a Car in Maryland Register Free Domains NEUSON mesothelioma charities Psd to WordPress DONATE CARS IN MA Social media examiner Social media management Tech school Html email Social media platforms Holland Michigan College CAR INSURANCE QUOTES COLORADO philadelphia mesothelioma lawyer florida car insurance company life insurance quotes Proud Italian cook Psd to html Car Insurance Quotes Italian cooking school Donate cars in ma WordPress theme designers better conferencing calls city college in miami Criminal Defense Attorneys Florida Adobe illustrator classes Social media strategies holland michigan college cheap car insurance in virginia Paperport Promotional Code Donate Cars in MA Social media tools Annuity Settlements structured settlement brokers Donate Car to Charity California buying structured settlements Donate Car for Tax Credit Hard drive data recovery services Life Insurance Co Lincoln How to Donate A Car in California Sell Annuity Payment Donate Your Car for Kids firm law mesothelioma Structures Annuity Settlement mesotheliama caraccidentlawyer canada personals yahoo DONATE YOUR CAR FOR KIDS cash out annuity life insurance co lincoln Hard drive Data Recovery Services Donate a Car in Maryland STRUCTURED ANNUITY SETTLEMENT accident car florida lawyer Cheap Domain Registration Hosting car crash attorneys la personal injury lawyer Best Criminal Lawyers in Arizona Car Insurance Quotes Utah Online College Course business email web hosting Better conferencing calls what is structured settlement Cheap car insurance in Virginia Online Colleges Online Motor Insurance Quotes personal injury firm uk homeowner loans
