
Como você pode ver, ele contêm um botão. E, ao passarmos o cursor do mouse sobre o botão, automaticamente abre se a aba da mini box. Muito interessante, não é?
Para colocá-lo no blogger é bem simples:
</head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'/>
Clique em salvar modelo e pode já fechar a seção HTML.
Agora, entre em "Layout", clique em "Adicionar gadget" e escolha a opção "HTML/JavaScript".
De preferência, não coloque título pois este gadget ficará no canto da tela, ok!
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".box-flutuante-facebook").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.box-flutuante-facebook{background: url("http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.box-flutuante-facebook div{border:none;position:relative;display:block;}
.box-flutuante-facebook span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.box-flutuante-facebook span a{color: #808080;text-decoration:none;}
.box-flutuante-facebook span a:hover{text-decoration:underline;}
</style>
<div class="box-flutuante-facebook" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Dicashot&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe>
</div>
</div>
Substitua a nossa URL destacada em azul no código pela URL da sua fan page no facebook. Tendo feito isto, está pronto!
Mini Pop Up de Curtir Fan Page No Facebook Fixada no canto da Tela do Blogger
Reviewed by Muca
on
10/07/2013 08:22:00 AM
Rating:

Nenhum comentário