15/10/2008
Tutorial
Este truco tiene bastante tiempo pero hasta ahora implementarlo podía resultar complicado para los que empiezan. Me ha gustado lo fácil que resulta implementarlo.
Para ello editamos nuestra plantilla HTML, expandimos artilugios, buscamos
<div class='post-footer-line post-footer-line-3'/>
y pegamos
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- ***http://hoctro.blogspot.com***Jan,2007**** -->
<!-- ***Related Articles by Labels - Take Two*** -->
<!--
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
-->
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Fuente:JackBook
Te recomendamos también + Artículos relacionados de Tutorial






Hola,
ResponderSuprimirEs muy bueno este truco, pero lo implemente en el blog y lo que aparece es este mensaje: Related Posts by Categories no se a lo mejor es que hay algo en mi plantilla que interfiere con eso...
Saludos!
Antony si quieres eliminarlo o modificar el titulo, busca en el script...
ResponderSuprimir<h3>Related Posts by Categories</h3>
☺☺☺
Compi, hay alguna manera de poner las categorias como las entradas pero que yo pueda elegir que categorias quiero que se vean.
ResponderSuprimirBesicos
Paqui sera por la hora pero no me he enterao....mmmmmmm
ResponderSuprimirSi que es sencillo si... me ha gustado ;)
ResponderSuprimirYo las apliqué hace tiempo pero de una forma más... como tu dices complicada.
Hola Pizcos, si que se ve sencillo pero hice todo como dices y no sale nada, ni una palabra, lo puse en FolkTango quieres mirarlo a ver si me equivoqué en algo que no sería nada raro.
ResponderSuprimirTienes algún sitio para ver como queda? O es lo que está debajo de tus entradas?
A mi no me sale nada, lo dejo puesto el código para que puedas verlo, pero es como si no estuviera allí...
Un saludo ;)
lo probaré Pizcos...por categoría...bien cuando lo leo por ahí no lo entiendo sino cuando lo voy haciendo...besitos!!!
ResponderSuprimirk_nelita mandame tu plantilla, no se porque no se ve en tu blog, el script aparentemente esta bien puesto...
ResponderSuprimirAhí te va la plantilla Pizcos, la envié via Gmail, no se si tenés registrado mi mail allí, sino fijate en spam, es igual al otro correo solo que Gmail.
ResponderSuprimirMuchas gracias por preocuparte ;)
k_nelita no he recibido nada, ni en spam ni en bandeja...
ResponderSuprimirHola Pizcos volví a mandarte la plantilla por Gmail, no la recibiste? Querés que te la mande por Hotmail?
ResponderSuprimirk_nelita rien de rien, o sea nada de nada, usa el contactame que tengo debajo de cada entrada...
ResponderSuprimirYo ya no se que pasa con el correo, ahí te la mandé como dices por el formulario de contacto, a ver si así te llega.
ResponderSuprimirSaludos ;)
Me equivoqué de plantilla, esta última que te mandé es la que tiene el código la que dice Folktango para Pizcos.
ResponderSuprimirQue despistada por Dios!! :)
k_nelita...ahora si,recibido...
ResponderSuprimirk_nelita estoy con lo tuyo, pero la verdad es que no se que puede producir el error, el codigo es correcto, y he visto en la web del autor que a otros les pasa lo mismo y no hay respuesta por el momento, de todas formas sigo buscando porque no aparecen...
ResponderSuprimirGracias Pizcos por preocuparte, vos tenés el mismo código?
ResponderSuprimirPorque a vos si te aparecen las entradas relacionadas...
No se si viste en FolkTango que sale el título: Entradas relacionadas, pero al expandir la entrada, pero es solo el título sin enlace siquiera.
No en la página principal, sino al expandir.
Saluditos ;)
k_nelita yo aqui ya lo tenia implemntado de otra forma, este truco sale solo al acceder a la pagina de le entrada y si, solo sale el titulo, pero si miras elcodigo fuente, tambien aparecen las etiquetas!!!, pero no sale, tengo tu codigo puesto en un blog de pruebas y ando trasteando con el...Este truco lo probe en otro blog y funciono sin problemas...
ResponderSuprimirHola, Pizcos, antes de todo, quisiera felicitarte por tu blog. Vengo del blog de gema, un excelente complemento para los fanáticos del blog, entre los que me encuentro.
ResponderSuprimirEstoy intentando probar esto en mi blog, pero no encuentro exactamente la línea que señalas, y en su lugar, en mi plantilla al principio aparece p class= y el resto de la línea es idéntica
Es a partir de ahí dónde se tiene que pegar?
Gracias por tu ayuda
Un abrazo
Rampi
Rampi si acaba en lo de footer 3, esa es la palabra clave, el resto no importa... pegalo ahi...haz copia antes de tu plantilla...☺☺☺
ResponderSuprimirTengo una duda, cuando hago esto, lo unico que aparece es RELATED POSTS BY CATEGORIES, pero no aparece ningun enlace para una entrada relacionada, alguien sabe por que???
ResponderSuprimirTisdale-world suele tardar un poco en aparecer...dime si lo conseguiste...
ResponderSuprimirigaul a mi no me aparecen, nomas me sale RELATED POSTS BY CATEGORIES, pero voy a esperar
ResponderSuprimirno me funciono......deje la computadora como unas 4 horas regrese y me meti para ver si habia funcionado pero no funciona :S
ResponderSuprimirTheJigg0695 no se cual es tu pagina...no tienes el perfil disponible...
ResponderSuprimir