Menu
» » Como poner una pagina de indice en blogger

Una pagina de indice, Es una pagina donde se publica automáticamente los post de tu blog o sitio web.
Se publican por etiquetas así como ven en la imagen de portada de este articulo.
Esto se asi con un simple código y en caso de que les genere un problema de que todo aparezca expandido se resuelve con un código porque el chiste de este efecto es que solo aparezca expandido el que seleccionemos.
Empecemos:
  • Nos vamos a nuestro escritorio de blogger.
  • Nos vamos a crear una nueva pagina.
  • Como titulo le ponen el que ustedes creen conveniente.
  • Ahora el siguiente código lo copian y lo pegan en edición html de la pagina que están creando.
Código a poner:

<!--Publicado por Johan para Aprendo Facilito-->
<link href="https://dl.dropboxusercontent.com/s/1iuwp11z6ytit3v/stile_in.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="https://dl.dropboxusercontent.com/s/8it5ph0dd12gv8k/stile_in.js">
</script>
<script src="http://NOMBRE-DE-TU-BLOG.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="https://dl.dropboxusercontent.com/s/sl85a620w3tosid/stile_in_funci.js" type="text/javascript">
</script>
  • Cambien lo que esta de azul por el nombre de tu blog.
  • Seria recomendable inhabilitar los comentarios.
  • Ahora solo queda que publicar la pagina y listo.
  • En caso de que se les genere el problema de que todos los temas salen extendidos.
  • Nos vamos a Plantilla->Edicion HTML.
  • Apretamos CRTL+F. en la ventana de plantilla.
Buscan <head> justo antes del <head> pegan lo siguiente.


<script src='https://dl.dropboxusercontent.com/s/nva3ljpum4hunr5/jquery.min.js' type='text/javascript'></script>
<script src='https://dl.dropboxusercontent.com/s/gaoktx67b4ioy2r/nprogress.js' type='text/javascript'></script>

Le dan en guardar y listo con eso es posible que se arregle.
Publicado por Solo Soft PC
Etiquetas:
en 13:01
Next
Entrada más reciente
Previous
This is the last post.
 
Arriba