PopUp Personalizada do Facebook Com Efeito JQuery Fixada no Canto do Blogger

Neste post venho compartilhar mais um código personalizado. Com este tipo de gadget no blogger fica mais fácil conseguir seguidores, não concorda? Pois, ele ficará  em destaque, ainda mais com este botão personalizado escrito Facebook bem destacado.

Para coloca-la no blogger é simples... Entre em "Modelo" - "Editar HTML" e procure pela tag

</head>

Tendo encontrada a tag, cole ACIMA dela o seguinte código

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

Tendo colado pode fechar a seção Editar Html.

Agora, entre em "Layout" - "Adiconar um Gadget" - "HTML/JavaScript" e cole o seguinte código

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=URL DA SUA FAN PAGE AQUI&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://dicashot.blogspot.com.br/2013/10/popup-personalizada-do-facebook-com.html">DicasHot</a></span></div></div>

Coloque a URL da sua página no facebook e pronto!!!