Daisy Lea na propaganda
da 138 Water (+18) - FireLink
Um jantar sensual e outros quadrinhos
sem vergonha de GreenTeaNeko (+18)
5 Danadinhas
do Instagram #4
Sites que vocês adultos
Vão Gostar - Link Fixo

Mini Pop Up de Curtir Fan Page No Facebook Fixada no canto da Tela do Blogger

Neste compartilharei com vocês outro excelente código. Esse código é muito útil e o mais importante - não ocupa tanto espaço no blogger.

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 é?

Siga-nos no twitter:






Recomende o DicasHot no Google:



Para colocá-lo no blogger é bem simples:

Entre em "Modelo" e clique em "Editar HTML".

Agora, com a ajuda do Ctrl + F, procure pela tag
</head>
ACIMA dela, cole o seguinte código
<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&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;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!

Cursos On-line com Certificado - Cursos 24 Horas
Mini Pop Up de Curtir Fan Page No Facebook Fixada no canto da Tela do Blogger 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: 5