Widgets para blogger sliding caja de seguidores de Google +
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”
3 Abre un gadget “Añadir un gadget”
4 Busca el widget que dice “HTML/Javascript”
e inserta las siguientes líneas de código en su interior
<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6Isv0Jzr_SPgL6HTMnaRrfMk4T7QQR1ZD8tOT6f3cOzai4Ll97cPaSqgVkHipB3i9-Y3dukc4f-F5kSUtJdsPqWxnwLPd-QCtexOByFtdE6hyphenhyphenykruDTSin4KNWAsQyskfzma_b71lGlg/s400/g%252B+softglad.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
Comentarios