miércoles, 18 de septiembre de 2013

Como poner la ventana deslizante de seguidores de Facebook en blogger

Comentarios
El día de hoy les traigo la respuesta a un post bien interesante, el de ¿Cómo poner la ventana deslizante de seguidores de Facebook en blogger?.


Foto de muestra:


Sigan los pasos correctamente:



1.- Entra en blogger y ve a la opción "Plantilla">>Editar Plantilla>>Pulsan Ctrl+F y ponen la siguiente etiqueta: ]]></b:skin>, y después colocaremos el siguiente código en la parte de arriba.
/* Facebook */
.barrightfacebook { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8lTkAwOBu5BTCWvtalnJxhAKzO8zUpnKcdmQaU0cP0vASvRjNMy9lchrbj1OZA472t-hnwUciT9_AZXf6cc18vvIJ5FfN3ZYK2CcaevzkSVd4BlNSbBk12Frqg2PZoEvoKFEUzSH7zpE/s1600/fb_cb.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:370px; z-index:1000;}
.barrightfacebookc { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim-TZmnIPRmrz4r6FowPq_oEpUPlsxT9WbtpAAJl5hWO1GvZn0aabFugjy7nNJEFCffaVO26WmzmuqByOPPzwf8CIxHxWb3FrT6xoQ7tWnGWLRANBMax8-SjTLBjQBg0pqS5OUkgd-n8Er/s1600/fb_bg.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:185px; z-index:1100;}
.barcontefacebook {margin:12px 0 0 47px}






2.- A continuación pondremos la siguiente etiqueta: </body>, y encima de ella pondremos el siguiente código:
<!-- FACEBOOK -->

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'"><div class="barcontefacebook">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Webtotalfx/158953954305897&amp;width=240&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=320" style="border: none; height: 320px; overflow: hidden; width: 240px;background: #fff;"></iframe>
</div></div>
<!-- FIN FACEBOOK -->





3.- Y por ultimo reemplazaremos "https://www.facebook.com/pages/Webtotalfx/158953954305897",por la Url de tu página de Facebook.



Cuéntame que te pareció el post y si te ha gustado, no olvides dejar tu comentario.











0 comentarios:

Publicar un comentario