- Desde
- 30 Ago 2013
- Mensajes
- 177
Tutorial Como Crear Un Índice De Entradas En Blogger Por Etiquetas Especificas
Hola betas, este es mi primer aporte al foro, bueno espero que les sirva de algo.
En este tuto les mostrare como hacer un Índice por etiquetas, pero seleccionando solamente algunas etiquetas. Este método se hace mediante el feed RSS de cada etiqueta seleccionada
Como nos quedara
1° Creamos una página nueva, para ello nos dirigimos al escritorio de Blogger, en la pestaña Páginas, hacer clic en Página en blanco.
2. Añadimos el siguiente código en Edición HTML.
HTML:
<script type ="text/javascript" > function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++) {
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'"; //bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href=" + entryUrl + '">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
} </script>
<b>Etiqueta1</b><br/>
<script src="http://TU_BLOG.blogspot.com/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>
<b>Etiqueta2</b><br/>
<script src="http://TU_BLOG.blogspot.com/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>En el código modificamos:
TUBLOG: la dirección URL de tu blog
NOMBRE_ETIQUETA: el nombre de la etiqueta que quieres incluir en cada lista, muy importante escribir el nombre de la etiqueta tal y como está en tu blog, caso contrario no se mostrara.
Etiqueta: el título que se mostrara antes de cada lista.
Repetir el código tantas veces como sea necesario.
HTML:
<b>Etiqueta2</b><br/>
<script src="http://TU_BLOG.blogspot.com/feeds/posts/summary/-/NOMBRE_ETIQUETA?max-results=500&alt=json-in-script&callback=recentpostslist"></script><br/>Nota: Si quieres que aparezca en forma de lista numerada solamente modificar <ul> y </ul> por <ol> y </ol> respectivamente. Importante: Al modificar el código preferible hazlo en un editor de código como por ejemplo Notepad++, para no tener inconvenientes.
