Tutoriales Sobre Blogger: Reemplazar; Entradas Antigua, Nueva Entrada

En este tutorial veremos como Remplazar; Entradas Antiguas, Nueva Entrada con un gadget.
Ya hemos visto como remplazar con imágenes, en este tutorial lo aremos de una forma mas profesional. Muchos blogger poseen "Entrada Antigua", "Pagina Principal" y "Nueva Entrada" en la parte inferior de una Entrada,





Ejemplo con una imagen

 Hoy veremos como modificar, mostrando el titulo de la entrada

Ejemplo en esta imagen

OK ahora comenzaremos con el Tutorial

• Paso 1: Vamos a Blogger>>Plantilla>> Edición HTML
• Paso 2: Buscamos la siguiente linea (Ctrol + F)

</head>

• Paso 3: Justo por encima de </head> pegamos el siguiente scrip 

<script type="text/javascript" src="http://dl.dropbox.com/u/91602513/Html/TutorialesBlogger.blogspot.com/Entradas%20Antiguas.js"></script>

•  Paso 4: Guardamos la Plantilla

Ahora agregaremos un Gadget 

• Paso 5: Vamos a Blogger>>Diseño>>Añadir un nuevo Gadget>>HTML/JavaScript
• Paso 6: Pegamos el siguiente codigo

<style type="text/css"> #blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(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").text();
$("a.blog-pager-newer-link").text("<< " + 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();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
});
</script>

• Paso 7: Guardamos el gadget

Espero que les Halla gustado asta la proxima