Como adicionar uma mini popup curtir do facebook deslizante no blogger

Nesse   tutorial  vou  mostrar   como  adicionar  no  blogger  um  mini  pop up deslizante com  o  botão  curtir sua fan  page.   deslizante  para quem  não  sabe  e  o  efeito  que  faz   com que ela   apareça,   quando  a  pagina é   rolada  para  baixo,  e   quando  volta  ao   topo  do  blog , ela  e   bem  chamativa   e é de   fácil  instalação   no  blog  tendo  apenas   que  adicionar  um gadgt HTML/JavaScripts:  na lateral  do blog,  o local  não   importa  muito  mas  é  recomendado,   já  postei   outros  modelo  de  pop  up   aqui  no  blog  se  você   esta  procurando  um  pop  up  de  uma  pesquisada no blog.
Copie o  código  abaixo  e  cole  dentro  do  gadgt HTML/JavaScripts: <div class='clear'> </div> <style> #mbsocial{background:#f3f3f3;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:100px;} .getmore a{display: inline-block;font-weight: normal;text-decoration: none;font-size:9px;color:#333!important; float:right;} .getmore a:visited{ color:#ddd;} </style> <div style="display: none;" id="mbsocial"> <a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeMBsocial();">(X)</a> <span style="font-family: Verdana; font-size: 15px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;font-weight:bold;color:#555;">Curta nossa Fan Page!</span><br /> <a> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FOlharnerd&width=230&height=62&show_faces=false&colorscheme=light&stream=false&border_color&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:62px;" allowtransparency="true"></iframe> </a> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#mbsocial").show("slow");else $("#mbsocial").hide("slow");});function closeMBsocial(){$('#mbsocial').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
Agora de um CTRL+F e procure pelo seguinte trecho Olharnerd e altere pelo seu nome da fan page do facebook e salve. Você também pode alterar a cor do fundo se preferir procure no começo do código por background:#f3f3f3 e altere pela cor preferida e salve. Depões salve e pronto bom erra isso até a próxima.