Agregar ultimos Post a sidebar Tumblr
Agregar ultimos Post a Tumblr
Tumblr no proporciona una forma sencilla de mostrar tus últimos posts en su blog. El desplazamiento infinito es agradable, pero usted quiere que sus visitantes puedan ver los últimos mensajes que usted ha hecho por lo que pueden pasar directamente a un puesto específico en lugar de tener que leer todos los mensajes hasta que alcanzan algo vale la pena leer.Así que para conseguir esta funcionalidad, se ha usado jQuery / JavaScript.
Hay 3 cosas para lograr esto:
Si usted aún no está utilizando la librería jQuery, es necesario incluirlo en su tema.Inserte una etiqueta ul HTML donde desea que los mensajes que hacen.Agregue el código jQuery para su tema.
Algunos temas ya vienen con jQuery y por lo tanto no hay necesidad de añadir de nuevo. Sin embargo, la biblioteca tiene que comparecer ante el código jQuery para que funcione. Comprobar si la palabra jquery en html de tu tema, y si usted no puede encontrar ninguna instancia de la misma, a continuación, añadir que en la sección de cabecera, es decir dentro de estas etiquetas <head> </ head>. Luego a la derecha después de él, no coloque el código de jQuery. Por lo que tendrá las siguientes:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var url = 'http://staff.tumblr.com/api/read?start=0&num=5';
var $list = $('#recent-posts');
$.ajax({
url: url,
type: 'GET',
dataType: 'xml',
success: function(data) {
var posts = $(data).find('post');
posts.each( function() {
var post = $(this);
var link = post.attr('url-with-slug');
var title = post.children('regular-title').text();
if (link && title) {
$list.append('<li><a href="' + link + '">' + title + '</a></li>');
}
});
}
});
});
<script type="text/javascript">
$(function() {
var url = 'http://staff.tumblr.com/api/read?start=0&num=5';
var $list = $('#recent-posts');
$.ajax({
url: url,
type: 'GET',
dataType: 'xml',
success: function(data) {
var posts = $(data).find('post');
posts.each( function() {
var post = $(this);
var link = post.attr('url-with-slug');
var title = post.children('regular-title').text();
if (link && title) {
$list.append('<li><a href="' + link + '">' + title + '</a></li>');
}
});
}
});
});
Reemplace staff.tumblr.com con el nombre de host de tu blog y si desea cambiar el número de mensajes que se muestran, cambie el número 5 en el final de la URL por ejemplo http://staff.tumblr.com/api/read? start = 0 & num = 20. Este último recuperará los últimos 20 entradas de blog.
Ahora tiene que incluir lo siguiente en algún lugar de su tema en el que desea que los mensajes que se mostrarán:
1
< ul Identificación = "recent-posts" >
</ ul >