Hola!En este tutorial les mostrare un super truco de widget de suscripcion a las redes sociales.Este cuenta con cuatro botones muy atractivos de las paginas de facebook,Twitter,Google Plus y ones RSSFeed.Los colores de estos botones de suscripcion a tu blog de blogger tienen un fondo brillante que al poner el cursor de tu mouse sobre los mismos se activan,con un efecto especial de opacidad que atrae a tus lectores o visitantes a suscribirse.Ejemplo:Clic en Boton.
Como Anadir Este Widget a Tu Blog De Blogger.
1.Entra en tu cuenta Blogger
2. Ir a la presentación
3.Elija añadir un gadget
4.Seleccione HTML / JavaScript
5.Pega el siguiente código en su interior
Personalización del Widget:
<style>
.iconosocial_widget_barralado li {
float: left;
width: 147px;
height: 147px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-bottom: none;
}
.iconosocial_widget_barralado li a {
line-height: 1px;
display: block;
}
.iconosocial_widget_barralado li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.iconosocial_widget_barralado li a span {
display: none;
}
.iconosocial_widget_barralado li.rss-icon {
margin: 0 6px 6px 0;
}
.iconosocial_widget_barralado li.facebook-icon {
margin: 0 6px 0 0;
}
</style>
<div id="iconosocial_widget_barralado-2" class="ruta iconosocial_widget_barralado ">
<ul style="margin: 0 0 0 0; padding: 0 0 0 0; list-style: none;">
<li class="twitter-icon" style="margin-left: 155px;"><a target="_blank" href="http://www.twitter.com/andante772" rel="nofollow"><img src="http://s24.postimg.org/v6c4wylfp/twitter.png" width="147" height="147"><span>Twitter</span></a></li>
<li class="facebook-icon" style="margin-top: -146px;"><a target="_blank" href="http://www.facebook.com/trucosdeblogger" rel="nofollow"><img src="http://s22.postimg.org/pysfehtw1/Facebook.png" width="147" height="147"><span>Facebook</span></a></li>
<li class="rss-icon" style="margin-top: 7px;"><a target="_blank" href="http://feeds.feedburner.com/ciudadblogger" rel="nofollow"><img src="http://s18.postimg.org/956935g3t/rss.png" width="147" height="147"><span>Rss Feed</span></a></li>
<li class="google-icon" style="margin-left: 155px;margin-top: -153px;"><a target="_blank" href="https://plus.google.com/u/0/116180896434879626623"><img src="http://s7.postimg.org/h8r9ijoyj/googleplus.png" width="147" height="147"><span>Google+</span></a></li>
</ul>
</div>
Reemplace ciudadblogger con nombre usuario de su página de Facebook ,Twitter y RSS.
Reemplace 116180896434879626623 con su numero de identificacion Perfil de Google Plus + .
¡Ya está! Ahora sólo tiene que pulsar boton Guardar.
Si tienes cualquier problema. Sólo tienes que arrastrar tu comentario. Voy a ser capaz de ayudar a usted sobre este widget Estén atentos para más. Paz y bendiciones amigos!
0 comentarios:
Publicar un comentario