Adblock Detectado

Nuestro sitio se mantiene gracias a la publicidad, por favor Desactiva Adblock para seguir navegando

He desactivado Adblock
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 

- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar