Los usuarios tienden a utilizar más de lo que se suele pensar los enlaces a pié de página que Blogger añade para que puedan pasar de las entradas más recientes a las entradas más antiguas o ir a la página principal. Son especialmente útiles cuando carecemos de menú u orientación posible para la navegación por el Blog.
Los Blogger no solemos conformarnos con la presentación por defecto que la propia herramienta nos brinda para muchos de sus componentes. Nos gusta editar la plantilla, utilizar los tipos de letra propios, darle nuestro toque personal.
Si anteriormente vimoscómoponer una imagen en el enlace del resumen de las entradas("Más información") por medio de hojas de estilo, esta vez vamos a aplicar ese mismo concepto a los dos enlaces del pié de página de Blogger que más complementan el soporte a la navegación por el Blog: Ir a "entradas antiguas" o ir a "entradas más recientes".
Repaso de conceptos previos:
Conviene aclarar tres conceptos fundamentales con los que vamos a trabajar para personalizar la presentación de nuestro Blog y especialmente centrarnos en el enlace para "Más información" de nuestras entradas.La Plantilla de Blogger:
Es una representación esquemática que sintetiza código HTML en etiquetas propias que al ser interpretadas por el servidor de Blogger conforman la presentación del blog. Al ser reutilizadas por todos los usuarios no podemos alterarlas sólo para nuestros intereses. Es por ello que cuando queremos "ir más allá" de lo que ofrecen a nivel básico, debemos reescribir algunos de los elementos que las componen. Entre esos elementos citados se encuentran las hojas de estilo, pilar básico del aspecto y formato de nuestras páginas en Blogger o en cualquier "publicación web".Las hojas de estilos (.css)
Con Blogger las plantillas se basan fundamentalmente en hojas de estilo. Esta clase de archivos tienen la extensión .css:Hojas_de_estilo_en_cascada. Este tipo de archivos contienen la información semánticamente construida de los elementos que en la página HTML constituirán el aspecto y el formato de los componentes que la integran.
Conceptos iniciales para los más noveles: "Entradas antiguas", "Entradas más recientes"
- El llamado "cuerpo del blog" o página central de nuestro sitio web dispone su parte inferior o pié de página de tres enlaces que sirven para que el usuario pueda navegar por el Blog si se encuentra visualizando su parte inferior. Permiten avanzar a páginas con las entradas más recientes (enlace "Entradas más recientes"), retroceder a las más antiguas (enlace "Entradas antiguas") o volver a la página principal (enlace "Página principal").
- Si bien normalmente en la parte superior del Blog hay varios componentes que le permiten al usuario navegar a una página determinada del mismo (archivo del blog, menús, entradas populares, etc...), en la parte inferior no hay muchas más formas de que pueda acceder a contenidos antiguos o nuevos que utilizando estos enlaces.
- Un ejemplo de los enlaces para entradas antiguas, nuevas o página principal realizadoscontexto (la opción por defecto que ofrece Blogger):
 |
| Los enlaces para retroceder a entradas antiguas, entradas nuevas o volver a la página principal |
Cómo ponemos una imagen para el texto "Entradas más recientes" utilizando hojas de estilo. Paso a paso.:
 |
| Personalización de Plantilla |
 |
| Pulsamos en Avanzado para editar css |
 |
| Sobreescritura de css |
[OPCIONAL, EJEMPLO PARA DETECTAR LA CLASE ASOCIADA AL ENLACE "MÁS INFORMACIÓN". Para los usuarios más avanzados o con ganas de saber más, si quieres saber cómo se detecta a qué elemento del .css de la plantilla de Blogger pertenece aquello que deseamos personalizar]
En la plantilla la parte que corresponde a más información la podemos localizar con Chrome o Explorer pulsando F12.
 |
| Detección de clase de hoja de estilos asociada a elemento en pantalla para su posterior personalización |
Al hacer F12 en Chrome entras en modo "desarrollador". Si sigues las instrucciones tal y como he puesto en la pantalla anterior:
- Pulsas primero el icono de la "lupa".
- En modo "lupa" al mover el ratón por encima de la pantalla, "Chrome" te dirá qué código fuente corresponde a ese punto de la pantalla donde tienes colocado el ratón. En este caso lo he puesto sobre "Más información".
- En el código se aprecia que el "class id", la clase que encargada de la presentación en la hoja de estilos del enlace "más información, es "jump-link".
- Con esto nos fijamos en las propiedades que tiene dicha clase para alterar su formato.
6)En la caja de texto para sobreescribir el .css, metes el código según tus necesidades.
Si la imagen "incluye el texto", se usaría algo como esto:
Para "Entradas más recientes":
#blog-pager-newer-link a{
display:block;
width:500px;
height:500px;
background: url(nombre_imagen.gif) no-repeat left top;
text-indent:-999px;
}
Para "Entradas antiguas":
#blog-pager-older-link a{display:block;width:500px;height:500px;background: url(nombre_imagen.gif) no-repeat left top;text-indent:-999px;}
Si la imagen "no incluye el texto", porque ésta ya lo tiene, se elimina lo que resalté de negrita en el CSS anterior. En este caso, también podría ser necesario "desplazar el texto", para acomodarlo bien, y para ello podemos usar el padding, ejemplo: padding:10px 4px 3px 12px;.
Los valores se leen así: 10 pixeles arriba 4 pixeles a la derecha, 3 pixeles abajo, y doce pixeles a la izquierda. Habrá que editarlos según se necesite.
Los valores de ancho (width) y alto (height) se editan según el tamaño de la imagen.
- Observarás que cuando pongas tu imagen dentro del código, automáticamente en la vista previa podrás ir viendo cómo queda. Si alteras el width (ancho) o el height (alto) podrás hacer que ocupe el espacio que deseas.
- En los .css la imagen debe medir el espacio que va a ocupar, es decir, el width y el height no van a modificar su tamaño original.
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 JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,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
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 JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling 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 cars Illinois Nunavut culture Donate a Car in Maryland insurance medical temporary Social media platforms for business Online casino Met Auto HARDDRIVE DATA RECOVERY SERVICES automobile accident attorney Car Donate harddrive data recovery services Forensics Online Course PHD on Counseling Education most profitable internet business Cheap Domain Registration Hosting data recovery raid Casino reviews Cheap Auto Insurance in VA Online Christmas cards Forex Trading Platform EMAIL BULK SERVICE HOME PHONE INTERNET BUNDLE World Trade Center Footage Auto Accident Attorney Casino Hire php developers Mobile casino Php programmers for hire Computer science classes online CAR INSURANCE QUOTES MN Social media platforms Business VOIP Solutions Car Insurance Quotes life insurance quotes Mesothelioma Law Firm Make money online Australia business voip solutions buy structured settlements Donate Car To Charity CALIFORNIA DUI lawyer business email web hosting fortis health insurance temporary Donate Cars Illinois Social media campaigns Motor replacements CHEAP AUTO INSURANCE IN VA mesothelioma settlement amounts Donate Your Car for Kids utah mesothelioma lawyer mesotheliama Best social media platforms for business AUTOMOBILE ACCIDENT ATTORNEY Dwi lawyer Live casino Seo companies Custom WordPress theme designer best consolidation loan student Best criminal lawyer in Arizona boulder personal injury lawyers miami personal injury lawyer Massage School Dallas Texas Social media management Dedicated Hosting Dedicated Server Hosting Hire php programmers ROYALTY FREE IMAGES STOCK Cheap domain registration hosting personal injury accident lawyer WordPress hosting structured settlement blog Best social media platforms Criminal lawyer Register Free Domains Criminal lawyer Miami injury attorney baton rouge CAR INSURANCE IN SOUTH DAKOTA mesotheioma mesothelioma attorney illinois PAPERPORT PROMOTIONAL CODE Business management software firm law mesothelioma Psd to html Service business software CAR INSURANCE QUOTES UTAH Seo services WordPress themes for designers WordPress theme designers Criminal defense lawyer Futuristic Architecture Met auto WORLD TRADE CENTER FOOTAGE Donate Car for Tax Credit buying an annuity calculator Holland Michigan College SELL ANNUITY PAYMENT mesothelioma trial attorney Hire php developer Online colledges Bankruptcy lawyer Php programmers Car Insurance Quotes PA New social media platforms MOTOR REPLACEMENTS How to donate a car in California Cheap Car Insurance in Virginia mesothelioma litigation onlineclasses chicago hair laser removal arizona auto accident attorney Business finance group CAR INSURANCE QUOTES COLORADO Business Voip Solutions how to donate a car in california anti spam exchange server injury lawyers futuristic architecture Best Seo company Online College Course personal injury solicitor Seo company mesothelioma symptoms illinois law lemon Car insurance quotes Colorado car accident lawyers Social media examiner auto accident attorney Torrance mesothelioma lawyer texas Better conferencing calls Custom Christmas cards Photo Christmas cards Tech school DONATING USED CARS TO CHARITY mesothelioma attorney directory Annuity Settlements Criminal Defense Attorneys Florida asbestos exposure lawyers Psd to WordPress Donate old cars to charity Donate your car for money ASBESTOS LAWYERS emergency response plan ppt anti spam appliance Donate Cars in MA donate your car for money Social media tools Html email Christmas cards Proud Italian cook bus accident attorney los angeles Italian cooking school Car Insurance Quotes Colorado Adobe illustrator classes LOW CREDIT LINE CREDIT CARDS REGISTER FREE DOMAINS Social media strategies Learning adobe illustrator FUTURISTIC ARCHITECTURE structured settlement investments Car Insurance in South Dakota FORENSICS ONLINE COURSE att call conference Donate Car to Charity California Online Motor Insurance Quotes domain registration yahoo Donate Your Car Sacramento How to Donate A Car in California Donating used cars to charity Sell Annuity Payment pharmacist jobs in chicago annuity payment structured annuity settlement Online motor insurance quotes Asbestos Lawyers Structures Annuity Settlement Mortgage Adviser CRIMINAL DEFENSE ATTORNEYS FLORIDA motorcycle lawyer los angeles Nunavut Culture Dayton Freight Lines Hard drive Data Recovery Services Motor Replacements lawsuit mesothelioma Donating a Car in Maryland mesothelioma law firms car insurance companies orlando criminal attorney Best Criminal Lawyers in Arizona Insurance Companies structured settlements annuities Car Insurance Quotes Utah Life Insurance Co Lincoln Cheap car insurance in Virginia Dallas Mesothelioma Attorneys Online Colleges Car Insurance Quotes MN cash out structured settlement alabama mesothelioma lawyer Paperport Promotional Code online motor insurance quotes Online Classes attorney lawyer mesothelioma DONATE YOUR CAR FOR KIDS Injury Lawyers paperport promotional code Car insurance in South Dakota Mortgage adviser Psychic for Free Donate Old Cars to Charity Low Credit Line Credit Cards DONATE A CAR IN MARYLAND Donate your Car for Money
