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


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:

  1. Cambiar los textos "Entradas antiguas" y "Entradas recientes" por los títulos de las entradas.
  2. 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 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 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 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

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

Share: