.

terça-feira

Mini PopUp Com Botão Abrir e Fechar Fixada no Canto Esquerdo da Tela

ACESSOS:
AQUI

Nesta postagem compartilho com vocês esta mini pop up. Ela é bem simples e não ocupa muito  espaço na sua página!!







Para cloca-la no blogger... Entre em "Layout" - "Adicionar um gadget" - "HTML/Java Script" e cole o seguinte código

<style>
.PopUpDicasHotCSS { position: fixed; bottom: 0px; z-index: 9000}
* html .PopUpDicasHotCSS {position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;}
#float_content_left {border: 1px solid #01AEF0;}
#hide_float_left {text-align:left; font-size: 11px;}
#hide_float_left a {background: #ff6000; padding: 2px 4px; color: #FFF;}
</style>

<script type="text/javascript">
function hide_float_left() {
    var content = document.getElementById('float_content_left');
    var hide = document.getElementById('hide_float_left');
    if (content.style.display == "none")
    {content.style.display = "block"; hide.innerHTML = '<a href="javascript:hide_float_left()">FECHAR [X]</a>'; }
        else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_left()">GOSTEI DO SITE E QUERO CURTIR!!!</a>';
    }
    }
</script>

<div class="PopUpDicasHotCSS" style="left: 0px" >
    <div id="hide_float_left">
<a href="javascript:hide_float_left()">FECHAR [X]</a></div>
<div id="float_content_left">
   <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/dicashot&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=200" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 200px; width: 250px;background:#fff;"></iframe>
</div>
</div>

Na parte destacada de azul, coloque o o nome da sua página no facebook.

Tendo feito isto, está pronto!!!