PopUp Full HD Red Para Blogger

Nesta postagem compartilho com vocês esta box para curtir fan page personalizada.

Para colocar em seu blog

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:

<style type="text/css">
#BloggerDicasHotPopUpHD {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:360px;
height:auto;
padding:10px;
background:#111111;font:normal Dosis, Georgia, Serif;
color:#EC1A22;
border:2px solid #EC1A22;;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#BloggerDicasHotPopUpHD a.BSclose {
position:absolute;
top:-10px;
right:-10px;
background:#EC1A22;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #EC1A22;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).bind("load", function() {
// Animate Top
$('#BloggerDicasHotPopUpHD').animate({top:"80px"}, 1000);
// Widget by www.dicashot.blogspot.com
$('a.BSclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id="BloggerDicasHotPopUpHD">
<!-- Widget by www.dicashot.blogspot.com Start -->
<center>
<b><a class="BS" href="http://dicashot.blogspot.com.br/">Curta nossa fanpage no Facebook!</a></b></center>
<center>
<style>
.BloggerDicasHotHD {
border: 1px solid #EC1A22;
padding: 1px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:10px;
}
.BloggerDicasHotHD:hover {
-moz-box-shadow: inset 3px 3px 10px 3px rgb(255, 26, 35);
-webkit-box-shadow: inset 3px 3px 10px 3px rgba(202, 71, 71, 1);
box-shadow: inset 3px 3px 10px 3px rgb(255, 26, 35);
}
.BloggerDicasHotmailbox {
border: 1px solid #EC1A22;
-webkit-border-radius: 4px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 3px 3px rgba(255, 26, 35, 0.4) inset;
-webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.4) inset;
box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.4) inset;
color: #EC1A22;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.BloggerDicasHotmailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<div class="BloggerDicasHotHD">

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fdicashot&amp;width&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=216502231893793" style="border: none; height: 258px; overflow: hidden;"></iframe>

<div style="margin: 10px 0 0 6px;">
<input name="uri" type="hidden" value="triposoft" />
<input name="loc" type="hidden" value="en_US" />


</div>
</div>
</center>
<!-- Widget by www.dicashot.blogspot.com End -->
<a class="BSclose" href="http://dicashot.blogspot.com.br/2014/05/popup-full-hd-red-para-blogger.html">×</a>
<center style="float: right; margin-right: 30px;">
<a href="http://dicashot.blogspot.com.br/2014/05/popup-full-hd-red-para-blogger.html" style="color: #ec1a22; font-size: xx-small; text-decoration: none;" target="_blank">Widget by DicasHot</a></center>
</div>                                                                                                                                                   <div style="text-align: right;">
<span style="color: white; font-size: xx-small;">Widget By <a href="http://dicashot.blogspot.com.br/2014/05/anuncio-fixado-em-um-so-lugar-da-pagina.html" target="_blank"><span style="color: white;">DicasHot</span></a></span></div>

Na parte destacada de Azul no código, você vai substituir pelo nome da sua fan page, tendo feito isto, está pronto!!!