Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
1- En primer lugar necesitaremos acceder dentro de nuestro panel de Blogger a la pestaña "Configuración" -> "Feed del sitio" y en el desplegable de "Permitir Feeds del blog" seleccionar el modo "Completo".

Tendremos que ir después, también desde "Configuración" a la pestaña "Archivo" y seleccionar "Si" en la opción "Habilitar páginas de entrada".

2- Una vez hecho esto, tendremos que añadir este código en nuestra plantilla justo antes de </head>
<script type='text/javascript'>
var cb = {
search: function(query, type, start, increment, func) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/&#39; + type + &#39;/default?alt=json-in-script&amp;start-index=&#39;
+ start + &#39;&amp;max-results=&#39; + increment + &#39;&amp;callback=&#39; + func + &#39;&amp;orderby=published&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
},
searchLabel: function(query, label, func) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39; + encodeURIComponent(label) +
&#39;?alt=json-in-script&amp;callback=&#39; + func + &#39;&amp;orderby=published&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
},
getTotalResults: function(json) {
return json.feed.openSearch$totalResults.$t;
},
getStartIndex: function(json) {
return json.feed.openSearch$startIndex.$t;
},
getLink: function(entry, name) {
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == name)
alturl = entry.link[k].href;
}
return alturl;
},
getTitle: function(entry) {
return entry.title.$t;
},
getContent: function(entry) {
return entry.content.$t;
},
getCommentAuthor: function(entry) {
return entry.author[0].name.$t;
},
getLabelFromURL: function(json) {
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(raw.lastIndexOf(&#39;/&#39;)+1);
return decodeURIComponent(label);
}
}
},
txt : function (s) {
return s + &quot; Widget by &lt;a href=&#39;http://loseasi.blogspot.com&quot; + &quot;&#39;&gt;Loseasi&lt;/a&gt;&quot;;
}
};
</script>

3- Localizamos ahora la línea más abajo dentro del código de nuestra plantilla, que es la que marca el comienzo de la sidebar:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Justo debajo de esa línea añadiremos el código necesario para mostrar el widget que, en un principio, se verá el primero de los añadidos a nuestra sidebar, pero que más tarde podremos mover al lugar que queramos:

<b:widget id='HTML50' locked='false' title='Todas las Entradas' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><img src='http://img513.imageshack.us/img513/8206/entradas.gif' style='padding-right: 5px; padding-left: 3px;'/><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>
<center><span style='font-family: trebuchet; color: red;font-size: 15px;'> Total:</span><script style='text/javascript'>
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src='http://loseasi.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount'/> <span style='font-family: trebuchet; font-size: 15px;'> Entradas</span></center>
<ul> <div id='dataPost' style='border: 1px solid rgb(204, 204, 204); padding: 0px; overflow: auto; width: 100%; height: 250px;'/></ul>

</div>

<script type='text/javascript'>
// -1 para todas o poner la cantidad a mostrar.

var uP = {

nPost : -1

};

var cP = {

totCount : 0,

increment : 10,

// éste es el lugar para definir el nombre del blog para los datos subsecuentes de la recuperación.

web : &quot;loseasi.blogspot.com&quot;,

listPosts: function(json, tag) {

var text=&quot;&quot;;

for (var i = 0; i &lt; json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

text += &quot;<li>&quot; + &quot;&lt;a href=&#39;&quot; + cb.getLink(entry, &quot;alternate&quot;)

+ &quot;&#39;&gt;&quot; + cb.getTitle(entry) + &quot;</li>&quot;;
}
var p = document.createElement(&#39;span&#39;);

document.getElementById(tag).appendChild(p);

p.innerHTML = text;

},

callPostJson: function(json) {

this.listPosts(json, &quot;dataPost&quot;);

},

getCo : function(json) {

this.totCount = cb.getTotalResults(json);

var count = (uP.nPost &lt; 0) ? this.totCount : uP.nPost;

var i=1;

while(i&lt;=count) {

var incr = (count-i &lt; this.increment) ? count-i+1 : this.increment;

cb.search( cP.web, &quot;posts&quot;, i, incr, &#39;cP.callPostJson&#39;);

if (incr==0) incr=incr+1;

i = i+incr;
}
}
};
cb.search( cP.web, &quot;posts&quot;, 1, 2, &#39;cP.getCo&#39;);
</script>
</b:includable>
</b:widget>

4- Cambiamos donde dice: loseasi.blogspot.com por la url de nuestro blog sin el http://

Donde dice: nPost : -1 es donde haremos los cambios para mostrar un número de títulos de entrada ilimitado, es decir, todas las entradas del blog actuales y las que vayamos publicando o para mostrar solo el número de títulos que nos interese de las últimas entradas publicadas.

Si vamos a mostrar todas las entradas dejaremos este valor tal cúal está en -1, en cambio, si solo queremos mostrar las veinte últimas entradas por ejemplo, cambiaremos ese valor a 20.

Si vamos a usarlo para las últimas entradas, recordaremos cambiar el título del widget por algo más apropiado.

Esta parte del código: style='height:250px; overflow:auto; es una barra de scroll (scrollbar), cuando el alto del widget sobrepase los 250px, podéis reducir o ampliar su altura cambiando el valor en height.

Fuente

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Sacri dijo...

Hola! acabo de descubrir tu blog y me parece genial :24) tanto el contenido como el diseño.

Bueno estoy intentando poner en practica este truco pero me sale este mensaje de error:

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "start-index" must end with the ';' delimiter.


Espero que me puedas ayudar, lo estoy probando en un blog de prueba.

Saludos

Vku dijo...

:28) A mi no me daba error porque lo tenia en un servidor y no directo en la plantilla.

Ya lo solucione.

La plantilla no reconocía los apóstrofos.

Vku dijo...

:28) Sacri, gracias por el link.
si necesitas recetas fíjate este blog:

http://recetashiper7.blogspot.com/

Sacri dijo...

Gracias por solucionarlo tan pronto, lo he hecho en el blog de prueba y como he visto que me ha salido lo he puesto en el bueno, ahora tengo otra duda.....porque no se me ven las entradas que tengo?

Siento ser tan pesada, sino me sirve intentare borrar lo que he hecho.

Ah! se me olvidaba gracias por el enlace, siempre viene bien tener otro sitio mas para ver recetas.

Bueno ya me paso por aquí para ver si lo mio tiene solución, jajaja!
Saludos

Vku dijo...

:28) 1- cambia donde dice:
http://loseasi.blogspot.com/feeds/posts/default
por:
http://ircasenlacocina.blogspot.com/feeds/posts/default

2- no se porque te salio mal
donde dice:
web : ircasenlacocina.blogspot.com;,
es:
web : "ircasenlacocina.blogspot.com",

Sacri dijo...

Nada otra vez yo.....he corregido siguiendo tus pautas y ahora me sale este error:

El código ID del nuevo widget " HTML50" no es válido para este tipo: HTML


Siento molestarte de nuevo, sino se puede solucionar lo dejare por imposible.

Gracias por el interés mostrado.

Saludos

Sacri dijo...

Gracias por tomarte tantas molestias, pero me sigue dando error con lo del HTML50.

No vale la pena seguir insistiendo, me parece que lo dejare tal cual, me sabe fatal que pierdas tu tiempo en esto.

Gracias por tu ayuda.

Un saludo

Vku dijo...

Sacri con gusto te ayudo.

Te fijaste que en donde dice código esta el cambio que tenes que hacer?

Yo hice la prueba con tu blog y funciono bien.

Solo cambialo y no creo que tengas problemas.

Pero igualmente me comentas y buscaremos la solucion.

No nos puede ganar.

Sacri dijo...

Vku, ya lo probé ayer y como te comente me da el error HTML50.

Hoy lo he vuelto aprobar paso por paso desde el principio y me sigue saliendo el error...que rabia!

Así que si tu quieres seguir con el tema....pero es que me sabe fatal estar molestándote.

Vku dijo...

Sacri: es raro ese error.

fijate en mi blog de pruebas to lo puse sin ningun error: http://loseasi-pruebas.blogspot.com/

lo que note que no tiene mayor importancia es que el primer código lo pusistes antes de <head> y va antes de </head>

Y el otro error es lo que te conteste en los comentarios 5 y 6.

Ubicá el segundo código que es el que pusistes despues de <b:section class='sidebar' id='sidebar' preferred='yes'>
y cambialo lo el que esta acá:

http://www.binpaste.com/v.php?id=7tt1r

Pero fijate de cambiarlo todo desde <b:widget id='HTML50' ................
hasta cb.search( cP.web, &quot;posts&quot;, 1, 2, &#39;cP.getCo&#39;);
</script>
</b:includable>
</b:widget>

Sacri dijo...

Vku, ya te conteste ayer, pero no veo el mensaje, no se que pasaría....


Bueno por si se perdió he de decirte que estoy muy contenta, por fin lo conseguí!!

Volví ha hacerlo todo desde el principio y al final pude ponerlo.

Ya iré mirando de poner alguna otra cosa, eso si, espero que no nos de tantos problemas, jejeje! o mejor aun que salga a la primera.


Muchísimas gracias por tu ayuda y por tu empeño en que me saliera bien.

Saludos

Vku dijo...

Sacri: me alegro que ya funcione.

Lo de los mensajes es que blogger no anda bien con los comentarios a veces si pones algo que no lo puede leer directamente ya no pone nada.

Lo que yo te aconsejaria es sacarle la imagen que la marque en color naranjo arriba en el código.:)

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?