Cosas Para Blogueros: Entradas

Mostrando entradas con la etiqueta Entradas. Mostrar todas las entradas

Enlazar múltiples etiquetas de Blogger en un solo link – School – Texas – coche

Esta entrada es breve pero no por eso poco útil. Vamos a vercómo enlazar más de una etiqueta del blog en un mismo enlace, es decir, que al dar click a un enlace se muestren las entradas tanto de una etiqueta como de otra, aun cuando las entradas no tengan la misma etiqueta en común.

Por ejemplo, en el siguiente enlace se mostrarán entradas sobre AdSense, Generadores, y Aplicaciones:

Abrir link

¿Cómo lo hemos hecho? Fácil, sólo tienes que usar esta URL en tus menús o donde quieras:

http://nombre-de-mi-blog.blogspot.com/search/?q=label:Etiqueta1|label:Etiqueta2

Ahí debes cambiar el nombre de tu blog, y añadir las etiquetas que desees que se muestren en el mismo resultado.
Si quisieras añadir más etiquetas sólo agrega al final de la URL esto: |label:Etiqueta3

Así se vería si agregaras 3 etiquetas:

http://nombre-de-mi-blog.blogspot.com/search/?q=label:Etiqueta1|label:Etiqueta2|label:Etiqueta3

En la mayoría de los blogs no habrá problemas con su uso, sin embargo en algunos casos (ignoro el porqué) no funcionará si las etiquetas tienen espacios, acentos, o caracteres especiales.

Si lo que quieres es saber cómo enlazar sólo una etiqueta en tu menú entonces visita el siguiente enlace:
Cómo crear un menú de categorías para el blog

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private Jet Mundial 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

Online casino federal criminal defense attorney meso lawyer Business VOIP Solutions Casino reviews DUI lawyer forensics online course Casino Online Stock Trading Life Insurance Co Lincoln Donating a Car in Maryland Hard drive data recovery services adverse credit remortgage car insurance in south dakota DONATE CAR FOR TAX CREDIT Make money online Australia New social media platforms Computer science classes online FUTURISTIC ARCHITECTURE all about mesothelioma Hire php developer Mobile casino auto insurance cost by state accident car florida lawyer SELL ANNUITY PAYMENT Tech school Php programmers Car Insurance Quotes Colorado offshore accident lawyer DALLAS MESOTHELIOMA ATTORNEYS Structures Annuity Settlement Online Colleges Royalty Free Images Stock colorado mesothelioma lawyers Car insurance quotes Utah MOTOR REPLACEMENTS Criminal lawyer structured settlement investments Seo company Insurance Donate Car to Charity California Cheap Car Insurance for Ladies World Trade Center Footage BEST CRIMINAL LAWYER IN ARIZONA Cheap auto insurance in VA miami personal injury attorney low credit line credit cards structured settlement buyer lease management software Criminal defense lawyer Christmas cards MET AUTO mesothelioma symptoms Custom Christmas cards How to Donate A Car in California Donate your Car for Money structured settlement buyers WordPress hosting Social media strategies mesothelioma charities Hire php programmers mesothelioma compensation Mortgage adviser PhD in counseling education dallas mesothelioma lawyer Live casino mesothelioma personal injury lawyers Dallas Mesothelioma Attorneys Seo services injury lawyer houston tx donate your car for money Donating Used Cars to Charity Custom WordPress theme designer Hire php developers structured settlement agreement Auto Mobile Insurance Quote Dwi lawyer motor insurance quotes Personal Injury Lawyers Donate cars in ma Service business software Cheap Car Insurance in Virginia Italian cooking school Social media platforms asbestos exposure lawyers Social media campaigns Php programmers for hire dallas mesothelioma attorneys adverse remortgage Bankruptcy lawyer CHEAP CAR INSURANCE FOR LADIES Photo Christmas cards yahoo web hosting Seo companies criminal defense attorneys florida Best social media platforms for business Learning adobe illustrator refinance with bad credit Business finance group Criminal lawyer Miami Social media platforms for business mesothelioma law firm donate your car for kids Best Seo company best mesothelioma lawyers Mortgage Adviser Better conferencing calls mesothelioma attorneys california Business management software Best social media platforms Low Credit Line Credit Cards Dedicated Hosting Dedicated Server Hosting mesothelioma suit small business administration sba Online Christmas cards

Blogger: Cómo imprimir entradas con PrintFriendly – Domains – Virtual

Damian 16:10 Entradas, Gadgets, Tutoriales

Blogger: Imprimir entradas con PrintFriendly

Uno de losgadgetsmás solicitados en Blogger es el deimprimir una entradade nuestro blog. Si tenemos un blog de cocina, manualidades o similar, esta opción se convierte en prácticamente necesaria.

Cuando termines de leer este artículo, conocerás las distintas formas deincluir un botón de imprimir en Bloggery, sobre todo, conocerás a fondo la herramientaPrintFriendly.

Curiosamente, aunque es una herramienta muy solicitada, Blogger no la incluye en su lista degadgets por defecto. Por tanto, de la misma forma que hicimos paraincluir un formulario de contacto, recurriremos a una herramienta externa para añadir la opción deimprimir cualquier entrada en nuestro blog.

Por qué utilizar PrintFriendly

Existen dos opciones a la hora de incluir la opción de imprimir:

Utilizar una herramienta de terceros: PrintFriendly, Blog2print, etc.
Modificar el código HTML y CSS de la plantilla, para imprimir las zonas que nos interesen

La primera opción es la que estudiaremos en este artículo, en este caso utilizandoPrintFriendly, una de las mejores herramientas para imprimir. Esta opción tiene la ventaja de la facilidad y rapidez con la que podemos implementarlo en nuestro blog, además de no requerir de conocimientos de programación.

La segunda opción, aunque no la trataremos ahora, tiene la ventaja de no requerir de herramientas externas para su funcionamiento, además el nivel de control sobre el aspecto y zonas a imprimir es mayor. Sin embargo, requiere de mayores conocimientos y asumimos mayor riesgo, al tener que modificar la plantilla Blogger.

Ambas opciones son igual de válidas, si bien es cierto que en la mayoría de casos prima la sencillez por encima del nivel de personalización. Si quieres algo que funcione bien, nada mejor que utilizar una herramienta que ya utilizan muchísimos blogs, que además incluye otras opciones interesantes, como puede ser la generación de PDF o el envío por correo electrónico.

PrintFriendly es completamente gratuito, ya que el modelo de negocio se basa en mostrar publicidad en algunas de las opciones de la herramienta.

Cómo añadir PrintFriendly a nuestro blog

Accedemos a la página oficial de PrintFriendly
En la opción "Choose Site Type", seleccionamos "Blogger/Blogspot"
En el segundo apartado "Choose Button", elegimos el botón que mejor se adapte a nuestra plantilla. No te preocupes si no te gusta ninguno de los botones, luego veremos como personalizarlo.
En "Features", dejamos las características como están por defecto.

Este apartado es el que permite configurar la mayoría de características de PrintFriendly, en un apartado posterior de esta guía podrás ver para que sirven cada una de las opciones
En "Install on Blogger", pulsamos sobre el botón "Install Blogger Widget"

La opción "add code directly to template" nos permite generar el código, para que nosotros mismos lo coloquemos en nuestra plantilla. Si te decides por este otro método, recuerda hacer siempre una copia de seguridad de tu plantilla.

Al pulsar sobre el botón anterior, te aparecerá una pantalla de confirmación de Blogger, donde debes elegir el blog al que quieres añadir el botón de impresión y el título que tendrá el nuevo gadget.

Una vez pulsemos sobre "Añadir artilugio", se nos mostrará el modo diseño de Blogger, donde se ha incluido el nuevo gadget.

Ahora vamos a "Ver blog" y, como puedes comprobar, ya aparece el botón de imprimir en las entradas.

¡Perfecto! Ya lo tenemos funcionando, si pulsamos sobre botón de imprimir este es el resultado:

Cómo personalizar el botón de imprimir de PrintFriendly

Puede que no te guste ninguno de los botones de imprimir que te ofrece PrintFriendly, o prefieres crearte uno que se adapte mejor a tu plantilla. No hay problema, veamos lo sencillo que es poner otro botón.

Buscamos un icono, para esto te recomiendo Iconfinder, una herramienta estupenda, donde podrás buscar prácticamente cualquier icono.Intenta buscarlos pequeños (24, 48, ...), puesto que si los eliges grandes pueden salirse de los márgenes máximos.
Obtenemos la URL del nuevo icono. Para hacer esto debemos subir el icono a cualquier servicio de alojamiento y copiar la dirección (URL) en el que esté ubicado.
Aunque puede parecer complicado, hacer esto con Blogger es muy sencillo. Veamos un método rápido de obtener una URL de una imagen:
1. Accedemos a Picasa
2. Seleccionamos un álbum, recuerda que Blogger crea un álbum con el mismo nombre del blog en Picasa, lo ideal es seleccionar el álbum del blog (ya que estará compartido de forma pública)
3. Pulsamos sobre "Añadir foto", subimos nuestro icono y pulsamos sobre aceptar.
4. Entramos en la foto que acabamos de subir, pulsamos botón derecho y seleccionamos "Copiar URL de imagen" (puede cambiar el mensaje según el navegador).
Ya tienes copiado en el portapapeles la URL que estábamos buscando.

Modificamos la URL del botón de PrintFriendly.Para ello, vamos a "Blogger Diseño" y editamos el gadget de PrintFriendly, te aparecerá un texto poco formateado como este:

scriptvar pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();/scriptscript type="text/javascript"var pfButtonHTML = 'a href="http://www.printfriendly.com" style="margin-top:0.5em; float:left;display:block; margin-right: 0.5em; color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"//a'; var pfBloggerJs; pfBloggerJs = document.createElement("script"); pfBloggerJs.type ="text/javascript"; js= "http://cdn.printfriendly.com/blogger.js"; pfBloggerJs.src=js; document.getElementsByTagName("head")[0].appendChild(pfBloggerJs);/scriptspan id="pf_locator"/spanscript type="text/javascript"var f = document.getElementById("pf_locator");var c = f.parentNode.parentNode.childNodes;for (i=0;ic.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}/script

Localizamos el texto que aparece sombreado y lo sustituimos por la URL que has obtenido en el paso 2.

Guarda el gadget y visualiza el blog, ya tienes el nuevo icono funcionando

Cómo personalizar PrintFriendly

En el proceso inicial de creación delgadget, disponemos de una serie de campos en el apartado "Features". Estos parámetros nos permitirán personalizar algunas de las funcionalidades de PrintFriendly.

Page header.- Cabecera del documento, por defecto toma el icono del blog (favicon) y la URL del blog, podemos subir un icono y modificar el texto de visualización.
Click-to-delete.- Activa/Desactiva la posibilidad depermitireliminar texto del documento haciendo click (por defecto se permite).
Images.- Indica si se mostrarán imágenes en el documento PrintFriendly (por defecto se muestran).
Image style.- En caso de permitir mostrar imágenes, aquí decides el tipo de alineación que tendrá: derecha, izquierda, ninguna o centrado en bloque.
Email.- Activa/Desactiva la posibilidad de enviar por correo electrónico
PDF.- -Activa/Desactiva la funcionalidad de generación de PDF
Print.- Activa/Desactiva la opción de imprimir
Custom css url.- URL que apunta hacia una hoja de estilos personalizada, donde podremos sobrescribir el comportamiento por defecto de los estilos de PrintFriendly
Veamos un ejemplo muy sencillo, para entender como funciona exactamente este campo. Supongamos que queremos mostrar todas las cabeceras en rojo, haríamos lo siguiente:
1. Abrimos cualquier editor de textos (Notepad)
2. Copiamos el código CSS siguiente:
```
#printfriendly h1, #printfriendly h2, #printfriendly h3, #printfriendly h4 {
    color: Red;
}
```
3. Guardamos el archivo con el nombre "printfriendly.css"
4. Subimos el archivo a cualquier servicio de alojamiento: Drive, hosting propio, etc.
5. Colocamos en el campo "Custom css url" la URL del paso 4
Si sigues estos pasos y generas elgadget, al pulsar el botón de imprimir te aparecerán todas las cabeceras en rojo. Para ver todos los estilos CSS que puedes sobrescribir, puedes acceder a la página de soporte de PrintFriendly sobre este tema.
Website protocol.- Protocolo Web a utlizar: HTTP/HTTPS. En el caso de Blogger, la opción por defecto es la correcta: HTTP.

Si anteriormente ya habíamos generado nuestro gadget PrintFriendly y posteriormente decidimos modificar algunas de estas características, debemos volver a hacer el proceso para añadir PrintFriendly (o copiar el nuevo código), puesto que el código generado es distinto.

Además de los parámetros que podemos modificar desde la propia herramienta que nos ofrece PrintFriendly (Features), también es posible modificar otros aspectos desde el código HTML, son los denominados "Comandos Personalizados". Se trata de incluir clases CSS que tienen comportamientos predeterminados. Puedes ampliar conocimiento desde laayuda oficial sobre Custom Commands.

Conclusión

Definitivamente si quieresañadir un botón de imprimir al blog, PrintFriendly es una de las mejores alternativas.

Hemos hecho un recorrido de menor a mayor complejidad, tu decides hasta donde llegar y, si te has quedado con ganas de más... ¡¡ coméntamelo !!, que me he dejado algunos asuntos algo más avanzados en el tintero, pero ya estaba empezando a ver el artículo demasiado extenso.

Como siempre, muchas gracias por seguirme, por comentar y por estar ahí :-)

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 DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLAND Mundial Football history FIFA World Cup,smart,huge/big,sciencie media,blog spot and amazes,unites pero for you gives ,, inspires and future now help and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,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 FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

Hire php developers REGISTER FREE DOMAINS Hard drive Data Recovery Services Donate Car for Tax Credit Live casino BEST CRIMINAL LAWYER IN ARIZONA Home phone internet bundle Online casino Social media examiner Cheap domain registration hosting mesothelioma lawsuits mesothelioma lawsuit Donate Your Car Sacramento HOLLAND MICHIGAN COLLEGE Casino reviews what is structured settlement Donate your Car for Money Seo companies Criminal defense attorneys Florida Casino Auto Accident Attorney primary pulmonary hypertension Low Credit Line Credit Cards Social media management mesothelioma attorney illinois uk homeowner loans Mobile casino NEUSON Home Phone Internet Bundle register free domains supportpeachtreecom Html email buying structured settlements forensics online course Proud Italian cook new york mesothelioma law firm miami personal injury attorney mesothelioma drug DUI lawyer Car insurance in South Dakota Register free domains DONATING A CAR IN MARYLAND Met Auto Dallas Mesothelioma Attorneys workers compensation lawyer los angeles Bankruptcy lawyer Donate Car to Charity California car accident lawyers los angeles Online Criminal Justice Degree harddrive data recovery services Make money online Australia personal injury law firm WordPress theme designers motorcycle accident lawyer california houston mesothelioma attorney WebEx costs motorcycle accident attorney chicago FUTURISTIC ARCHITECTURE dallas mesothelioma lawyer online colledges Cheap auto insurance in VA Criminal lawyer Miami Insurance PHD on Counseling Education Photo Christmas cards Business finance group Massage School Dallas Texas business email web hosting Social media tools phd in counseling education New social media platforms saskatchewan auto insurance DAYTON FREIGHT LINES Dwi lawyer Best social media platforms for business Online Christmas cards Social media campaigns NUNAVUT CULTURE Hire php programmers Service business software motorcycle lawyer los angeles asbestos lung cancer Donate Old Cars to Charity Criminal lawyer Online Classes Email Bulk Service PSYCHIC FOR FREE Criminal defense lawyer Php programmers for hire FORENSICS ONLINE COURSE Donating a car in Maryland Hire php developer Custom WordPress theme designer Computer science classes online Php programmers Personal Injury Lawyer cheap car insurance in virginia Forensics Online Course Injury Lawyers Christmas cards boca raton personal injury attorney WEBEX COSTS DONATE CARS IN MA Social media platforms for business Donate your car Sacramento mesothelioma accident lawyers in los angeles Health Records Personal Health Record Seo services Donate Car To Charity CALIFORNIA caraccidentlawyer Futuristic Architecture seattle mesothelioma lawyer Best Seo company Cheap Domain Registration Hosting

Pie de foto: con fondo y sobre la imagen – Justicia – Automovil

Damian 9:15 Entradas, Imágenes

Elpie de foto es una pequeña y breve descripción que podemos añadir a las imágenes que tengamos en el blog. Esta descripción da información precisa sobre la foto y nos ayuda a comprender dicha imagen.
Por ejemplo, al añadir la foto de una persona podemos insertar un pie de foto que dé el nombre de la persona, su cargo, un mérito, o un hecho con el que se le relacione, de esta forma quien mire la foto sabrá quién es, o qué hizo esa persona.
Por el lado de SEO estas descripciones también nos ayudar aposicionar las imágenes en los buscadores ya que esta información también sirve para los robots.

Blogger nos da la opción de añadir ese pie de foto (leyenda) cuando subimos la imagen, el problema es que el resultado es muy simple y poco llamativo, tanto que pasa casi desapercibido.

Cachorros en el jardín

Lo que haremos seráañadir un pie de foto a las imágenes, pero a diferencia del pie de foto tradicional éste estará situado encima de la misma imagen y le agregaremos un fondo semitransparente, de modo que el resultado sea como este:

Si quieres tener un pie de foto como estos sólo entra enPlantilla | Edición de HTML y antes de/b:skin agrega estos estilos:

.caption {
padding: 0;
width: 100%;
position: relative;
}
.caption img {
width: 100%;
height: auto;
display: block;
padding: 0;
border: 0;
}
.caption::before {
content: attr(title);
position: absolute;
background: #EAF200;/* Color de fondo */
background: rgba(234, 242, 0, 0.6);/* Color de fondo en RGBA */
color: #000;/* Color del texto */
font-size: 14px;/* Tamaño del texto */
padding: 5px;
right: 0;
bottom: 0;
left: 0;
text-align: center;
z-index: 1;
}

Ahora cada vez que quieras ponerle un pie de foto a tus imágenes usa este código:

div style="width:400px; padding:10px; margin:0 auto;"div class='caption' title='Agrega aquí el pie de foto'img src='URL de la imagen'//div/div

Ahí verás dónde se añade la descripción de la foto, así como la URL de la imagen.
El tamaño de la imagen se cambia modificando lo que está en negrita.

En el primer código que añadimos están los estilos para el pie de foto. Verás que el color de fondo está dos veces, primero en código hexadecimal y luego en RGBA, esto es porque con RGBA podemos definir una transparencia, en este caso es de 0.6, pero en el caso de que el navegador (Internet Explorer como siempre) no soporte este estilo entonces tomará el primero, el hexadecimal, pero sin la transparencia. En la secciónColores puedes obtener el código tanto en hexadecimal como en RGB.

La imagen estará centrada por defecto, pero si quisierasalinear la imagen a la izquierda para que quede rodeada de texto entonces usa este código:

div style="width:400px; padding:10px;clear: left; float: left;"div class='caption' title='Agrega aquí el pie de foto'img src='URL de la imagen'//div/div

En realidad es el mismo, sólo hemos añadido una flotación a la izquierda y quitamos el margen. El resultado es el siguiente.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquet leo et erat posuere, at aliquet lorem commodo. Maecenas a gravida ligula. Nunc sed malesuada leo, et lacinia diam. Nullam bibendum justo libero, a varius mi suscipit vel. Maecenas commodo venenatis ante, eget ultricies nulla faucibus quis. Duis volutpat vulputate tortor volutpat euismod. Nam sed sapien a odio porttitor tincidunt. Curabitur mollis enim lacus, euismod fringilla lorem fringilla accumsan. Integer a erat ornare, molestie lorem sed, volutpat arcu.

Lo mismo podemos hacer si queremosalinear la imagen a la derecha.

div style="width:400px; padding:10px;clear: right; float: right;"div class='caption' title='Agrega aquí el pie de foto'img src='URL de la imagen'//div/div

Y se verá así:

¿Y si quisiéramos queel pie de foto aparezca sólo cuando se pase el cursor por encima de la imagen?

En ese caso quitamos los estilos que hayamos puesto y en su lugar agregamos estos:

.caption {
padding: 0;
width: 100%;
position: relative;
}
.caption img {
width: 100%;
height: auto;
display: block;
padding: 0;
border: 0;
}
.caption::before {
content: attr(title);
position: absolute;
background: #EAF200;
background: rgba(234, 242, 0, 0.6);
color: #000;
font-size: 14px;
padding: 5px;
right: 0;
bottom: 0;
left: 0;
text-align: center;
opacity:0;
filter:alpha(opacity=00);
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.caption:hover:before {
opacity:1;
filter:alpha(opacity=100);
}

El resultado en cualquiera de los casos me parece que es mucho más atractivo que el nativo de Blogger (aunque en gustos se rompen géneros), además que podemos personalizarlo a nuestro gusto cambiando el color de fondo, tamaño, tipo del texto, y estilos extra que se le pueden agregar según la creatividad de cada quien.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED 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

email bulk service Structures Annuity Settlement Social media management DONATE YOUR CAR SACRAMENTO structured settlement annuity companies Social media platforms for business Custom WordPress theme designer caraccidentlawyer Hire php programmers Car Insurance in South Dakota Donate old cars to charity Criminal defense lawyer Asbestos Lung Cancer Best social media platforms for business Computer science classes online Make money online Australia what is structured settlement Mortgage mesothelioma lawsuits DONATE OLD CARS TO CHARITY Photo Christmas cards boca raton personal injury attorney Business management software Service business software Hire php developers city college in miami Casino motorcycle accident lawyer san francisco asterisk call center software Futuristic architecture Online casino adverse credit remortgage hair removal washington dc integrated ehr Seo companies Bankruptcy lawyer Adobe illustrator classes Mobile casino register free domains Criminal lawyer Claim buy gift card Live casino structured settlement sell Massage school Dallas Texas Donate Cars Illinois MOTOR REPLACEMENTS FORENSICS ONLINE COURSE Casino reviews car insurance quotes pa Data Recovery Raid structured settlemen Social media examiner injury attorney baton rouge VIRTUAL DATA ROOMS asbestos lung cancer Tech school Learning adobe illustrator DUI lawyer car insurance in south dakota personal injury lawyer Psd to WordPress cheap domain registration hosting Php programmers for hire Donate Old Cars to Charity cheap auto insurance in va DONATE YOUR CAR FOR KIDS st louis mesothelioma attorney ONLINE MOTOR INSURANCE QUOTES Dwi lawyer Massage School Dallas Texas personal injury accident lawyer Mortgage Adviser most profitable internet business mesotheolima Html email structured settlements annuities asbestos mesothelioma lawsuit Best Seo company BETTER CONFERENCING CALLS Car Insurance Quotes mesothelioma personal injury lawyers WordPress hosting Hire php developer car insurance quotes mn best mesothelioma lawyers Sell Annuity Payment online colledges Php programmers Online Christmas cards los angeles auto accident attorneys CAR INSURANCE QUOTES MN Automobile Accident Attorney personal injury lawyer sarasota fl Social media platforms Dallas mesothelioma attorneys Holland Michigan College automobile accident attorney Donating a Car in Maryland Nunavut Culture New social media platforms Cheap car insurance for ladies Donate a Car in Maryland Business finance group phd in counseling education asbestos lawyers domains yahoo BEST CRIMINAL LAWYER IN ARIZONA online motor insurance quotes Seo services Annuity Settlements data recovery raid SELL ANNUITY PAYMENT Best social media platforms Best criminal lawyer in Arizona

Blogger: Cómo poner entradas relacionadas en formato texto – dinero – php

Damian 9:42 Entradas, SEO, Trucos, Tutoriales

Blogger: Cómo poner entradas relacionadas en formato texto

Las entradas relacionadas ayudan a que el lector permanezca en nuestro blog, ya que muestran otros artículos con contenido similar al que está visualizando en ese momento, invitándole a que siga navegando en nuestro sitio.

Este tema está muy vinculado a lastécnicas de posicionamiento (SEO On-Page). Una buena costumbre cuando escribes tus entradas, es poner enlaces hacia otras entradas de tu mismo blog, ayudando a que el usuario profundice en algunos temas y no se pierda el contenido que de otra forma quizás nunca hubiese visto.

La herramienta que vamos a utilizar, va a automatizar la generación de enlaces relacionados con una entrada específica. De tal forma, que una vez la incluyas en tu blog, sólo te preocuparás de asignar etiquetas a tus entradas y la herramienta hará el resto.

Además de ayudar a bajar latasa de rebote(usuarios que salen de nuestro sitio sin interactuar con él), también le echará un cable a los motores de búsqueda, ya que si algunos de los enlaces de las entradas relacionadas no estaban indexados, el motor los encontrará e indexará.

Por tanto, si es bueno para el SEO y es bueno para nuestros lectores, entonces es bueno para nosotros. He implementado un pequeño código en javascript que hace el trabajo sucio, vamos a aprovecharlo para incluirlo en el código de nuestra plantilla en el mejor sitio posible: al final de las entradas.

Dependiendo de la temática de tu blog, te puede interesar incluir lasentradas relacionadas con imágenes en miniatura o como enlaces de texto. El ejemplo que veremos aquí, genera un índice de entradas relacionadas en formato texto, de forma muy limpia para que le puedas aplicar los estilos CSS que quieras.

Si quieres incluir enlaces relacionados con imágenes en miniatura,LinkWithinofrece un servicio excelente. En su página explican los pasos a seguir para incluirlo.

Incluir entradas relacionadas en formato texto

Nos vamos a la edición del código HTML de la plantilla
Plantilla Editar HTML

Copia este código justo antes de la etiqueta "/head"
Ctrl+ F y buscamos "/head"

!-- Entradas relacionadas --
script type='text/javascript'
var baerTitulo="También te puede interesar";
/script
script src='https://googledrive.com/host/0B-DHLEFnmkpLcENZLUZKdHBJTFE/js/entradas-relacionadas-min.js' type='text/javascript'/

Copia el código siguiente, justo después de "data:post.body/"
Ctrl+ F y buscamos "data:post.body/", si aparece más de una vez pégalo después del data:post.body/ que se encuentre dentro de b:if cond='data:blog.pageType == "item"'

!-- Entradas relacionadas --
div id='baer'
  b:loop values='data:post.labels' var='label'
    script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=entradas_relacionadas&amp;max-results=8&quot;' type='text/javascript'//b:loop
  script type='text/javascript'
    var baerMaximo=5;eliminar_duplicados(); mostrar_entradas_relacionadas(&quot;data:post.url/&quot;);
  /script
/div

Guarda la plantilla y visualiza el blog

Recuerda, antes de hacer cualquier modificación, es recomendable realizar una copia de seguridad de tu plantilla. En Blogger Plantilla "Crear/Restablecer copia de seguridad".

Si has seguido los pasos anteriores, al acceder a alguna de las entradas del blog, obtendremos un resultado similar a éste:

Configurar las entradas relacionadas

Ya tienes funcionando los enlaces relacionados con los valores que he puesto por defecto: 5 enlaces relacionados como máximo y como titular aparece el texto "También te puede interesar". Estos parámetros son personalizables y muy fáciles de modificar.

Cambiar el titular

Si te fijas en elcódigo del paso 2, he resaltado el texto del titular: «var baerTitulo="También te puede interesar";», sustitúyelo por el que quieras. Si tienes un blog de cocina, podrías poner "Otras recetas similares", "Si te gustó esta receta, también te va a gustar", etc.

Número máximo de enlaces

En elcódigo del paso 3, he resaltado la variable que debes modificar (var baerMaximo=5).En el ejemplo se muestran 5 enlaces, cambia ese valor por el número máximo de enlaces que desees.

Cambiar el aspecto de las entradas relacionadas

Los enlaces se incluyen dentro de una lista desordenada ul, en elementos li. Toda la lista está contenida en un div con identificador "baer". Sabiendo ésto, puedes aplicar los estilos que más te gusten, ya depende del conocimiento que tengas de CSS.

En la mayoría de casos, bastará con el aspecto que se muestra por defecto, puesto que utiliza los estilos de tu plantilla. Veamos un ejemplo sencillo de cómo se puede cambiar el aspecto de la lista mediante CSS.

Edita tu plantilla de blogger, ve al código HTML y pega el siguiente código CSS, justo antes de/b:skin

#baer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#baer li {
  font-size: 1.2em;
  border-bottom: 1px solid #ccc;
}
#baer li:last-child {
  border: none;
}
#baer li a {
  text-decoration: none;
  color: #000;
  display: block;
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
#baer li a:hover {
  color: #e8550b;
  background: #F7F7F1;
}

Éste es el resultado, aplicando los estilos:

Entradas relacionadas en formato texto con CSS

En este ejemplo, se resaltan las entradas al pasar el ratón por ellas, utilizando un efecto de transición. Partiendo del ejemplo, puedes adaptar los estilos de tus entradas relacionadas para darle el aspecto que desees.

Cómo funciona

Para los más curiosos, vamos a explicar cómo es el comportamiento de los enlaces relacionados.

Al crear una entrada en blogger le podemos asignar una o más etiquetas, el javascript se basará en éstas etiquetas para encontrar otras entradas similares. Cuanto mejor tengas asignadas tus etiquetas, mejor se comportará tus entradas relacionadas.

Se descartarán los enlaces de entradas repetidas, además del enlace de la misma entrada en la que se está. Del conjunto de enlaces relacionados, se seleccionará aleatoriamente el número máximo que se ha pasado por parámetro, de tal forma que no aparezcan siempre los mismos enlaces.

Si por ejemplo, a una entrada le habíamos asignado las etiquetas A y B, el javascript buscará todas las entradas con etiquetas A o B (supongamos 40), descartará las repetidas y de la lista seleccionará aleatoriamentebaerMaximoentradas (supongamos 5).

Conclusión

Aunque hubiese sido más sencilloincluir las entradas relacionadas como un gadget HTMLal final de las entradas, el resultado no sería tan efectivo. Ten en cuenta que si los enlaces se presentan de forma natural en nuestras entradas, será visible en elfeedy tenido más en cuenta por los buscadores, además de que el usuario lo verá mucho más natural.

En un próximo artículo haremos lo mismo, pero añadiendo imágenes en miniatura, tal como hace LinkWithin. La ventaja es que podremos personalizarlo mucho más, tal y como hemos hecho con éste.

Espero que te haya resultado útil, coméntame cualquier duda que tengas, estaré encantado de poder resolverla. Si lo has logrado incluir en tu blog, puedes dejar el enlace en los comentarios para echarle un vistazo :-)

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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

Psd to html Online casino saskatchewan auto insurance Online Classes canada personals yahoo MORTGAGE ADVISER Car insurance quotes pa DONATE YOUR CAR FOR KIDS mesothelioma help compare life assurance donate your car for kids structured settlement blog Forex Trading Platform Hire php developer Criminal lawyer Best social media platforms for business Custom Christmas cards Bankruptcy lawyer Asbestos Lawyers Live casino Social media campaigns best mesothelioma lawyers Donate Car To Charity CALIFORNIA Hard drive Data Recovery Services Tech school Casino World trade center footage Make money online Australia Hire php developers Hire php programmers forensics online course Futuristic Architecture Life insurance co Lincoln CAR INSURANCE QUOTES UTAH mesothelioma lawyer texas Dwi lawyer CAR INSURANCE QUOTES MN data recovery raid cheap domain registration hosting SELL ANNUITY PAYMENT Massage School Dallas Texas Mobile casino BETTER CONFERENCING CALLS New social media platforms Italian cooking school mesothelioma lawyer houston Donate your Car for Money Better Conference Calls Life Insurance Co Lincoln buy structured settlements Casino reviews mesothelioma symptoms Paperport Promotional Code mesothelioma attorney assistance DUI lawyer Auto Mobile Shipping Quote chicago hair laser removal maritime lawyer houston cash out annuity Social media platforms for business criminal defense attorneys florida Psd to WordPress Social media platforms Business management software Social media examiner personal injury accident lawyer donate old cars to charity Donate Cars in MA Donate Cars Illinois Motor Replacements california law lemon asbestos exposure lawyers Php programmers VIRTUAL DATA ROOMS Service business software structured annuity settlement CHEAP CAR INSURANCE IN VIRGINIA How to Donate A Car in California HOW TO DONATE A CAR IN CALIFORNIA FORENSICS ONLINE COURSE Car Donate Criminal defense lawyer firm law mesothelioma Business Voip Solutions Php programmers for hire ashely madis CAR INSURANCE QUOTES COLORADO supportpeachtreecom Social media management injury lawyers virtual data rooms EMAIL BULK SERVICE la personal injury lawyer Met Auto car insurance quotes pa Mortgage Adviser baltimore mesothelioma attorneys Computer science classes online mesothelioma attorneys Structures Annuity Settlement Dedicated Hosting Dedicated Server Hosting Seo companies auto accident lawyer san francisco CRIMINAL DEFENSE ATTORNEYS FLORIDA best consolidation loan student auto insurance yuba city ca Business finance group Custom WordPress theme designer car accident lawyers west palm beach Seo services Best Seo company Data Recovery Raid Donate Car for Tax Credit Mesothelioma Law Firm Personal Injury Law Firm

Valoración de estrellas en el blog por parte del autor – Lawyers

Damian 23:12 Entradas

La mayoría de lossistemas de valoración que conocemos son para que los usuarios califiquen una entrada, pero qué pasa si no queremos la calificación de los usuarios sino la propia. Por ejemplo, algunos blogs hacen reseñas de películas, de libros, aplicaciones, etc. y quieren calificar el "producto" del que hablan, pues es ahí cuando podemos usar un sistema devaloración de estrellas como el siguiente, para que el autor le ponga una calificación a su entrada, reseña, película, o lo que quiera calificar.

El resultado será algo como esto:

Calificación:

Este sistema de valoración lo haremos sólo con CSS apoyándonos de sprites, y tiene la característica de mostrar calificaciones fraccionadas, es decir, que podemos darle una o cinco estrellas, o una estrella y media, dos estrellas y media, etc.

Lo primero que haremos es entrar enPlantilla | Edición de HTML y pegar antes de/b:skin el CSS:

/* Estrellas de valoración
----------------------------------------------- */
.val-fieldset {
width:100px;
border:none;
font-weight:bold;
font-size:12px;
}
.valoracion {
width: 100px;
height: 21px;
display: block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitsCuh3w8hKKWMoVP6dNMnNC7TuJEyZNu0OGCbitheRqDKOv3zHPlKpGOotBDeXZedC5fjoSQ1OSHLTsAZ26jVjTmJCNSq1decIg-F9aMEZv32ksObMTU4X9OKuWhDCH5HqTaLkVcw9Iw/s0/estrellas.png) 0 0 no-repeat;
}
.val-0 {background-position: -100px -0;}
.val-5 {background-position: -81px -21px;}
.val-10 {background-position: -81px 0;}
.val-15 {background-position: -61px -21px;}
.val-20 {background-position: -60px 0;}
.val-25 {background-position: -40px -21px;}
.val-30 {background-position: -40px 0;}
.val-35 {background-position: -21px -21px;}
.val-40 {background-position: -21px 0;}
.val-45 {background-position: 0 -21px;}
.val-50 {background-position: 0 0;}

Y luego en tu entrada donde quieras mostrar la calificación agrega lo siguiente:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-40"/span/fieldset

Lo que está en rojo es la calificación que le darás, en este caso son 4 estrellas. Los valores son en múltiples de 5 donde 0 es ninguna estrella, 5 media estrella, 10 una estrella, 15 una estrella y media, 20 dos estrellas, etc. hasta el 50, que son cinco estrellas.

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-0"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-5"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-10"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-15"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-20"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracion val-25"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-30"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-35"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-40"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-45"/span/fieldset

Calificación:

fieldset class="val-fieldset"legendCalificación:/legendspan class="valoracionval-50"/span/fieldset

Es un método bastante sencillo que le permitirá al autor calificar cualquier cosa. Hemos usado la etiquetaFIELDSET para acomodar el texto "Calificación" y las estrellas, por lo que puedes personalizar esas etiquetas si lo deseas.

Si lo que buscas es un sistema de valoración de estrellas donde sea el público quien califique, entonces tal vez quieras usar las propiasestrellas de valoración que provee Blogger.

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 DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINES HARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDUn dia en Mundial Football MESOTHELIOMA LAW FIRM FIFA World Cup,DONATE CAR TO CHARITY CALIFORNIA , and STRUCTURED ANNUITY SETTLEMENT ,ANNUITY SETTLEMENTS, habia mucha monja pero fui a NUNAVUT CULTURE, DAYTON FREIGHT LINES and BUSINESS VOIP SOLUTIONS,CAR INSURANCE COMPANIES pero for you ONLINE CRIMINAL JUSTICE DEGREE ,PERSONAL INJURY LAW FIRM, Virtual data rooms and future now Automobile accident attorney and pero mas aya del visita and Mesothelioma law firm CHEAP CAR INSURANCE IN VIRGINIA,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

structured annuity settlement Casino reviews tucson car accident attorney donating used cars to charity pharmacist jobs in chicago Virtual Data Rooms mesothelioma law suits business voice mail service Claim Car insurance quotes pa Dwi lawyer Criminal defense lawyer benchmark lending Online Christmas cards Adobe illustrator classes best structured settlement companies mesothelioma attorneys ONLINE MOTOR INSURANCE QUOTES FORENSICS ONLINE COURSE los angeles auto accident attorneys Asbestos Lawyers lawsuit mesothelioma Car Insurance Quotes MN illinois mesothelioma lawyer Mobile casino Php programmers Donate a Car in Maryland cheaper insurance companies Donate your car for money mesothelioma lawyer california Casino WordPress theme designers refinance with poor credit Proud Italian cook Online casino cell cycle regulation ppt mortgage adviser Car Insurance Companies structured settlement company CHEAP CAR INSURANCE IN VIRGINIA mesothelioma charities Business finance group STRUCTURED ANNUITY SETTLEMENT Mortgage adviser How to Donate A Car in California Make money online Australia personal injury solicitor google affiliate Social media tools accident attorneys orange county CAR INSURANCE QUOTES MN Dayton freight lines cheap auto insurance in va personal accident attorney selling annuity Auto Mobile Shipping Quote Nunavut Culture Futuristic Architecture Live casino earthlink business internet DUI lawyer DONATE A CAR IN MARYLAND Hire php developers Hire php programmers Asbestos Lung Cancer state of california car insurance Hire php developer Criminal lawyer donate car for tax credit Seo companies Psychic for free Service business software california law lemon Donating used cars to charity Mortgage Adviser Php programmers for hire Online Colleges injury lawyer houston tx Bankruptcy lawyer ASBESTOS LAWYERS BEST CRIMINAL LAWYER IN ARIZONA REGISTER FREE DOMAINS Computer science classes online Learning adobe illustrator Best social media platforms structured settlement brokers Cheap domain registration hosting Best social media platforms for business Car Insurance in South Dakota HARDDRIVE DATA RECOVERY SERVICES what is structured settlement Photo Christmas cards Car Insurance Quotes domains yahoo New social media platforms Best Seo company Insurance Companies sell annuity payment mesothelioma ct Online motor insurance quotes Massage School Dallas Texas houston tx auto insurance best accident attorneys Psd to WordPress Cheap Domain Registration Hosting Social media platforms for business miami personal injury lawyer firm law mesothelioma mesothelioma litigation DAYTON FREIGHT LINES Donate Old Cars to Charity Custom WordPress theme designer Automobile Accident Attorney Seo services motorcycle accident lawyer california

Enlaces de navegación que aparecen al bajar la página y muestran el nombre de las entradas – Rooms – Credito

Damian 8:14 Entradas, Trucos

Losenlaces de navegación son esos que aparecen al final de la página que dicen"Entradas antiguas","Entradas recientes" y"Página principal" y nos sirven para desplazarnos por las entradas del blog. Lo que haremos con esta entrada son dos cosas:

Cambiar los textos "Entradas antiguas" y "Entradas recientes" por los títulos de las entradas.
Hacer que éstos datos aparezcan en un recuadro "desvaneciente" cuando se baje el scroll de la página.

Puedes verlo en funcionamiento eneste blog de pruebas, al bajar el scroll aparecerán los enlaces de navegación mostrando los títulos de las entradas que anteceden y preceden al post.

Esta forma de mostrar los enlaces de navegación sólo se verá en las entradas individuales, ya que en la portada y demás partes del blog se seguirán mostrando como siempre.

La instalación es muy sencilla en realidad. Primero entra enPlantilla | Edición de HTML, marca la casillaExpandir plantillas de artilugios y busca esta línea:

b:include name='nextprev'/

Y cámbiala por esto:

b:if cond='data:blog.pageType != "item"'
b:include name='nextprev'/
/b:if
b:if cond='data:blog.pageType == "item"'
div id='blog-pager-note'
h4También hemos publicado:/h4
b:include name='nextprev'/
/div
/b:if

Ahora pega antes de/head lo siguiente:

b:if cond='data:blog.pageType == "item"'
script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/
script
// ![CDATA[
$(function() {
$('#blog-pager-note').toggle()
.css({
width: '520px',
height: '150px',
position: 'fixed',
padding: '1em',
bottom: 0,
right: 0,
background: 'url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWUj1MXazHx1DTTf0WVa4xHx5DwU_AZACMOyA4DrOh9KVa2x95MWhOIawUEp9BB2AKX835wDHkV5kldtrxz5OznKDZvPu-zCfRha2zYF3vIjH9tWP9BZR0uL0xjy2x0OEBILXeP-S-T8/s10/negro85.png)'
});

$(window).scroll(function() {
if($(this).scrollTop()150) {
$('#blog-pager-note').fadeIn();
} else {
$('#blog-pager-note').fadeOut();
}
});
});
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$(".blog-pager-newer-link").html("divEntrada anterior:/div" + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$(".blog-pager-older-link").html("divEntrada siguiente:/div" + olderLinkTitle);
});
});
//
/script

style type='text/css'
!--
#blog-pager-newer-link {float:left;clear:both;line-height:30px;}
#blog-pager-older-link {float:left;clear:both;line-height:30px;}
.home-link {display:none;}
.blog-pager-older-link, .blog-pager-newer-link {
background-color: transparent !important;
background-image: none !important;
border:0 !important;
color:#0577AB !important;/* Color de los títulos de las entradas */
float: left;
width: 500px;
clear:both;
}
a.blog-pager-older-link:hover, a.blog-pager-newer-link:hover {
text-decoration:none !important;
}
a.blog-pager-newer-link:before {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYIoUiMA-J_B4xzt_Q9X1U8KSvtR-ArYl0Fc6k1awCXzMacAEhMzu_UJq48cNq7nhuFFm8WQGiT_0qbwfqqeRTZRMLcuorkLokZZcskR5nsz6rsvLOlZBKKM9lMWgP8_9NsQqICYOAHnc/s32/flecha2.png);
float:left;
}
a.blog-pager-older-link:before {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiypH1Jv90QlTs1zTykvINrRWTflQr1wsxA8LYR-sJaTUFid398PlKkcaJPV-5IOBTRcUyj4iPKvFral_ybcpuNIeS3DUmebg0mmpyg9IJjjf5v6fAsOgDcvWy-CDZYXbkbHAclQubFeEg/s32/flecha1.png);
float:left;
}
#blog-pager {
width:500px;
background-color: transparent !important;
background-image: none !important;
border:0 !important;
text-align:left;
}
#blog-pager div {
color:#fff;/* Color de los textos "Entrada anterior" y "Entrada siguiente" */
font-weight:bold;
margin-bottom: -5px;
}
a#blog-pager div:hover {
text-decoration:none !important;
color:#fff;/* Color de los textos "Entrada anterior" y "Entrada siguiente" */
}
#blog-pager-note {
z-index:9;
}
#blog-pager-note h4 {
margin:0;
padding:0;
color:#4898B9; /* Color del título del recuadro */
font-size:16px; /* Tamaño del título del recuadro */
}
--
/style
/b:if

Hay tres URLs en color azul, la primera es la imagen de fondo semitransparente del recuadro, las otras dos corresponden a los íconos de las flechas.

En color verde puedes ver dónde cambiar los colores de los textos.
El número en color rojo es la distancia en pixeles que activa el gadget, es decir, que como está ahora, el recuadro aparecerá cuando se haya bajado el scroll 150px. Puedes usar un valor más alto en caso de que tus entradas suelan ser largas y por lo tanto la "altura" del scroll sea mayor.

Cabe mencionar que este gadget usa jQuery, así que procura tenersólo una versión, y si usas Scriptaculous deberásaplicar un hack, de lo contrario podría no funcionar.

También puedescambiar las palabras "Entrada anterior" y "Entrada siguiente" por alguna otra frase.

MESOTHELIOMA LAW FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,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 FIRM DONATE CAR TO CHARITY CALIFORNIA HARDDRIVE DATA RECOVERY SERVICES DONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONA STRUCTURED 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

Best social media platforms for business structured settlement brokers Data Recovery Raid most profitable internet business Dallas mesothelioma attorneys hosted predictive dialers DONATING A CAR IN MARYLAND mesothelioma claims Best social media platforms Holland Michigan College CRIMINAL DEFENSE ATTORNEYS FLORIDA new york mesothelioma law firm World trade center footage domain yahoo structured settlement agreement Mobile casino Online Motor Insurance Quotes Online casino Criminal defense lawyer Casino Social media strategies cloud identity and access management Donating Used Cars to Charity miami personal injury attorney Php programmers motorcycle accident lawyer san francisco business administration masters DONATE CARS IN MA mesothelioma lawyers san diego BETTER CONFERENCING CALLS Custom WordPress theme designer truck accident attorney texas Business finance group Virtual Data Rooms ASBESTOS LAWYERS Make money online Australia selling annuity payments for cash car donate Bankruptcy lawyer structured settlements companies Car Accident Lawyers Hard drive data recovery services Casino reviews domain registration yahoo Online College Course Live casino DUI lawyer Computer science classes online MET AUTO mesothelioma lawyer texas register free domains Hire php developer domains yahoo Hire php developers MOTOR REPLACEMENTS How to Donate A Car in California Hire php programmers Donating used cars to charity adverse remortgage Dwi lawyer Criminal lawyer Sell Annuity Payment buying an annuity calculator Service business software Hard drive Data Recovery Services car accident lawyers student loan consolidation program baltimore mesothelioma attorneys STRUCTURED ANNUITY SETTLEMENT DONATE YOUR CAR FOR MONEY Php programmers for hire WORLD TRADE CENTER FOOTAGE Html email data recovery raid asbestos lung cancer mesothelioma lawyer dallas Mesothelioma Law Firm PHD IN COUNSELING EDUCATION Seo companies business email web hosting boulder personal injury lawyers Psd to WordPress CAR INSURANCE QUOTES UTAH HOME PHONE INTERNET BUNDLE ROYALTY FREE IMAGES STOCK structured settlements annuities mesothelioma Social media platforms for business best mesothelioma lawyers personal injury lawyer mesotheolima mesothelioma suit selling annuity WordPress hosting Donate Car to Charity California Personal Injury Lawyers Donate car for tax credit New social media platforms personal injury law firm Donating a Car in Maryland earthlink business internet forensics online course Business management software Seo services Email bulk service Car Insurance Quotes Utah Car insurance quotes pa Italian cooking school google affiliate Best Seo company Donate Cars in MA donate car for tax credit Seo company Cheap Auto Insurance in VA mesothelioma law firm

Por qué utilizar PrintFriendly

Cómo añadir PrintFriendly a nuestro blog

Cómo personalizar el botón de imprimir de PrintFriendly

Cómo personalizar PrintFriendly

Conclusión

Incluir entradas relacionadas en formato texto

Configurar las entradas relacionadas

Cambiar el titular

Número máximo de enlaces

Cambiar el aspecto de las entradas relacionadas

Cómo funciona

Conclusión

Categories