Incrustar el perfil de Google+

Una de las maneras de incrustar el perfil de google + en la página de “sígueme” es mediante el código HTML específico para ello. Encontré que hay dos maneras de representarlo distintas. En una de ellas, sale las fotos en pequeño de todos los seguidores que tienes en tus círculos.

La otra manera es representar tu perfil de google + en la que sale tu foto y la imagen de fondo.

Así pues, busqué por internet y pude encontrar que para realizar la primera de las maneras mencionadas se utiliza el siguiente código HTML:

<div class="g-plus" data-action="followers" data-height="300" data-source="blogger:blog:followers" data-href="https://plus.google.com/109627432877953314897" data-width="320">

</div>

<script type="text/javascript">                    window.___gcfg = {lang: 'es'};

      (function() {

        var po = document.createElement('script');

        po.type = 'text/javascript';

        po.async = true;

        po.src = 'https://apis.google.com/js/plusone.js';

        var s = document.getElementsByTagName('script')[0];

        s.parentNode.insertBefore(po, s);

      })();

    </script>

El otro código lo encontré en la siguiente dirección web:  https://developers.google.com/+/web/badge/?&hl=es es decir, este código sólo tendréis que substituirlo por vuestra numeración (números coloreados en rojo):

<!-- Inserta esta etiqueta donde quieras que aparezca widget. -->

<div class="g-person" data-href="//plus.google.com/113107836564630919919" data-rel="author"></div>

<!-- Inserta esta etiqueta después de la última etiqueta de widget. -->

<script type="text/javascript">

  window.___gcfg = {lang: 'es'};

  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/platform.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();

</script>

Por lo que, si seguimos estos pasos podremos poner en la página se “sígueme” de nuestro blog las dos maneras u opciones de google+ mencionadas anteriormente.

Recordar que para modificar la altura height=”1200” o anchura width=”800” solo hemos de modificar el número que está entre comillas y vamos ajustándolo a las dimensiones que más nos interese para nuestro blog.

Por el momento, esto es todo sobre como embeber nuestro google + en blogger.