Widgets para blogger sliding caja de seguidores de Google +


Widgets para blogger sliding caja de seguidores de Google +
Obtener una buena caja de seguidores de Google + en tu blog de blogger, es lo que Ayudadeblogger.com te ayudara a implementarlo, es un simple código javascript, el cual esta diseñado para que se muestre a la derecha de tu pagina, en la cual al momento que pases el cursor por el icono de Google + se desplegara la caja de seguidores, y es mas probable que los usuarios que visitan tu blog de blogger te sigan. Aumentaran las visitas de tu blog, y a parte de eso Google indexara mas rápido de lo que te imaginas tu blog de blogger, gracias a los seguidores de tu blog. Su instalación es muy fácil solo tendrás que copiar el código en un widget y ubicarlo donde tu quieras y se mostrara, funciona en todos los navegadores como Firefox, Google Chrome, Internet Explorer, etc.

Anteriormente publique algunos Popup para blogger de los cuales les dejo los enlaces:


A continuación mire su demostración en mi blog de demos, la caja sliding de Google + lleva un icono de color rojo con el logo de Google +.


Te gusto verdad?

Vamos a trabajar e instalarlo

1 Ir a blogger

2 Da un clic en “Diseño


Widgets para blogger sliding caja de seguidores de Google +

3 Abre un gadget “Añadir un gadget

Widgets para blogger sliding caja de seguidores de Google +

4 Busca el widget que dice “HTML/Javascript” e inserta las siguientes líneas de código en su interior

Widgets para blogger sliding caja de seguidores de Google +

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.gplusbox{
background: url("http://4.bp.blogspot.com/-okzPzWuiDGg/UMOGvgAcgAI/AAAAAAAABpQ/8Q8oTKkyA6Q/s400/g%252B%2Bsoftglad.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 275px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 8px;
background: white;
border: 2px solid #D64937;
border-radius: 15px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/114283163993086871162" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">

      (function() {
        window.___gcfg = {'lang': 'en'};
        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>
</div></div>

Realiza el siguiente cambio:

Borra el link que esta marcado de color azul https://plus.google.com/114283163993086871162 y pon ahí el link de tu perfil de Google +

Eso es todo ahora dale un clic en “Guardar” y ubícalo donde tu quieras

Felicidades ahora ya tienes una hermosa caja sliding de Google + en tu blog de blogger

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

1 comentario:

  1. Como puedo agregar dentro de la caja un codigo html para que muestre otra cosa en vez de seguidores de google?

    ResponderEliminar