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 class="widget_box">
<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.


6 Comentarios en “Añade un Feed RSS Dinámico de otro Blog”

  1. Gravatar
    Comentario:

    Está muy bien y funciona.. Pero.. No se puede redimensionar?

    ReplyReply
  2. Gravatar
    Comentario:

    Es que mi sidebar no es tan ancha, entonces le queda grande eso. :mrgreen:

    ReplyReply
  3. Gravatar
    Comentario:

    No te procupes Crsthian, se redimensiona automáticamente :B

    Nos vemos

    ReplyReply
  4. Gravatar
    Comentario:

    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:

    ReplyReply
  5. Comentario:

    [...] 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 [...]

  6. Comentario:

    [...] Web encontramos un excelente tutorial sobre como crear un RSS con PHP y MySQL, para que tu feed se actualize dinámicamente y no debas darte el trabajo de actualizarlo a mano. En el tutorial nos muestran los pasos a seguir [...]

Deja un Comentario


Haz click en los emoticonos para usarlos:

:smile: :grin: :razz: :lol: :wink: :mrgreen: :neutral: :roll: :shock: :???: :cool: :oops: :twisted: :evil: :eek: :mad: :sad: :cry: :!:

Additional comments powered by BackType