Código HTML para embeber un Blog de Blogger en otro Sitio Web

Queridos lectores resulta que la página web de mi Agencia Digital de Ecuador, tiene embebido este blog para mostrar el contenido relacionado con SEO y Social Media.

Antes utilizaba un servicio que se llamaba FeedBurner pero actualmente no está disponible por lo que decidí escribir este artículo en que comparto el código HTML que les permitirá hacer esto.

Embeber un blog de blogger en otro Blog o sitio web ya sea de Blogger o de cualquier CMS:

<div class="feed"></div>

<script>

function showFeed(json) {

  var html = "";

  var entries = json.feed.entry;

  for (var i = 0; i < entries.length; i++) {

    var entry = entries[i];

    html += "<h2><a href='" + entry.link[4].href + "'>" + entry.title.$t + "</a></h2>";

    html += "<div>" + entry.content.$t + "</div>";

  }

  document.getElementsByClassName("feed")[0].innerHTML = html;

}

</script>

<script src="https://www.misitio.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=5&callback=showFeed"></script>

Solo copia y pega el código en una página o entrada del sitio web donde quieres mostrar el Feed de tu blog de blogger y reemplaza Ya sea que utilices la URL que esta marcada en Amarillo por la URL de su blog ya sea que utilices la de blogspot que viene por default o la hayas personalizado acomo www.misitio.com.

El número que está marcado en verde es la cantidad de entradas de tu blog que se va mostrar, solo debes cambiar la cantidad.

Espero que este código te permita enriquecer cualquier sitio web con el contenido que has creado en un blog.

¡Nos vemos pronto! 

Por Marcel Pazos