Widget seguidores de Redes Sociales para Blogger

Widget seguidores de Redes Sociales para Blogger

Alberto Lozano 7 / marzo / 2011 Blogger 12 comentarios    10 visitas
Publicidad

Hace unos días me llego un correo de un lector de V-Junker por medio de contáctanos y me pregunto sobre el widget que tengo del lado derecho en la sidebar, pero para Blogger ya que este widget es para WordPress.

Es por eso que les voy a dar los pasos a seguir para obtener este widget en su Blog en la plataforma Blogger 🙂 para que chequen como se vería les dejo un ejemplo en este Blog de pruebas.

Primero nos vamos a Diseño > Edición de HTML > Expandimos los artilugios, y tenemos que buscar </b:skin> y justo antes de esta etiqueta pegamos el siguiente código:

.subscribe_icons {
width:286px;
height:auto;
margin:0px auto;
}
.subscribe_icons li {
display:inline;
float:left;
margin:0px 2px 5px 2px;
width:52px;
text-align:center;
font-size:11px;
}
.subscribe_icons a {
display:block;
padding:40px 0px 2px;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
color:#444 !important;
}
.subscribe_icons a:hover {
color:#369 !important;
text-decoration:none;
-moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35);
-webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35);
}
.subscribe_icons .subscribe_buzz a {
background:url(https://i1205.photobucket.com/albums/bb440/VJunkercom/iconbuzzrvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_twitter a {
background:url(https://i1205.photobucket.com/albums/bb440/VJunkercom/icontwittervjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_facebook a {
background:url(https://i1205.photobucket.com/albums/bb440/VJunkercom/iconfacebookvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_rss a {
background:url(https://i1205.photobucket.com/albums/bb440/VJunkercom/iconrssvjunker.png) center top no-repeat;
}
.subscribe_icons .subscribe_email a {
background:url(https://i1205.photobucket.com/albums/bb440/VJunkercom/iconmailvjunker1.png) center top no-repeat;
}

Guardamos la plantilla y nos vamos a Diseño > Elementos de la página y agregamos un nuevo gadget HTML/Javascript donde tenemos que pegar lo siguiente:

<div>
<ul class="subscribe_icons">
<li class="subscribe_buzz"><a href="USUARIO BUZZ" rel="nofollow" target="_blank">Buzz</a></li>
<li class="subscribe_twitter"><a href="ENLACE DE TWITTER" rel="nofollow" target="_blank">Twitter</a></li>
<li class="subscribe_facebook"><a href="ENLACE DE FACEBOOK" rel="nofollow" target="_blank">Facebook</a></li>
<li class="subscribe_rss"><a href="ENLACE DE FEED" rel="nofollow" target="_blank">Feed</a></li>
<li class="subscribe_email"><a href="ENLACE DE CORREO/CONTACTO O FEEDBURNER MAIL" rel="nofollow" target="_blank">Contacto</a></li>
</ul>
</div>

Por último y antes de guardar, tenemos que modificar algunos aspectos como: USUARIO BUZZ, ENLACE DE TWITTER, ENLACE DE FACEBOOK, ENLACE DE FEED y ENLACE DE CORREO/CONTACTO O FEEDBURNER MAIL, ahora si guardamos el gadget y listo tendrán su widget como lo tengo yo 🙂

Publicidad

12 Comentarios en 'Widget seguidores de Redes Sociales para Blogger'

Deja tu comentario

  • Nombre:
    E-mail:
    URL: (opcional)