Añade un Feed RSS Dinámico de otro Blog
Hace un tiempo vimos como agregar un feed de otro blog o foro en tu blog, pero el problema que tenía era que solo mostraba los títulos de cada entrada y también que tenía problemas con los "tíldes" y la "ñ", pero con este tutorial que les enseñare ahora, no tendremos esos problemas y mostrará un pequeño extracto del texto dentro de la entrada que se mostrará.
Esto era lo que teníamos antes:
Y ahora tendremos esto:
Ahora veamos como hacerlo: (sigue luego del salto)
- Primero que todo debemos tener una cuenta en Google AJAX Feed API. No necesitas registrarte, solo debes aceptar los términos y condiciones e ingresar tu url.
- Luego nos darán una clave APIque será un conjunto de números y letras aleatorias.
- Ahora debemos copiar el siguiente código en nuestra plantilla Sidebar.php o utilizar el plugin ExecPHP que lo hace todo más simple
.
<div align="center"><!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
<!--
// Created with a Google AJAX Search and Feed Wizard
// http://code.google.com/apis/ajaxsearch/wizards.html
-->
<div id="feed-control">
<span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Cargando...</span>
</div>
<!-- Google Ajax Api
-->
<script src="http://www.google.com/jsapi?key=Tu Clave API"
type="text/javascript"></script>
<!-- Dynamic Feed Control and Stylesheet -->
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
</style>
<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: 'Tu Título',
url: 'tu dirección feed'
}];
var options = {
stacked : false,
horizontal : false,
title : ""
}
new GFdynamicFeedControl(feeds, 'feed-control', options);
}
// Load the feeds API and set the onload callback.
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ --></div>
</div>
- En el lugar donde dice key=tuapi debes ingresar la clave API que te dieron al crearte la cuenta.
- En donde dice {title:tutitulo debes poner el título que creas adecuado para lo que mostrarás.
- En donde dice url:tudirecciónfeed debes ingresar la url de tu feed, en wordpress sería algo como:
tudominio.com/feed.
Ahora ya tienes listo tu Caja con las últimas entradas de tu blog favorito o de otro que sea tuyo.
28/11/2008
November 29th, 2008 a las 7:43 am
Está muy bien y funciona.. Pero.. No se puede redimensionar?
November 29th, 2008 a las 7:45 am
Es que mi sidebar no es tan ancha, entonces le queda grande eso.
November 29th, 2008 a las 1:42 pm
No te procupes Crsthian, se redimensiona automáticamente :B
Nos vemos
November 29th, 2008 a las 2:45 pm
pero es que puse en mi blog y no se redimenciona automaticamente ¬¬
jajajajajaja :B: :B: :B: :B: :B: :B: :B: :B: :B: :B: :B: :B: :B: :B: :B: :B:
March 22nd, 2009 a las 8:15 pm
[...] les había enseñado como mostrar las entradas de otro blog vía RSS (también lo vimos utilizando una aplicación de Google) y ahora veremos como hacer lo mismo, pero utilizando una de las opciones de FeedBurner (que la [...]