28 de abr de 2010

Popups para o Blogger. Janelas de recado

O Klerysson escreveu-me para saber a respeito das janelas para popups, essas com recados para os visitantes. dei uma olhadinha nos antigos códigos e os resgatei das profundezas dos poists antigos. Acabei refazendo e dando novas funções como por exemplo, colocar códigos do Adsense. Copie os códigos e cole em uma widget em Elementos de página. Cole em HTML/Javascript.

 Vamos então o que interessa:


 Popup número 1


Essa é a tradicional, é aberta assim que o visitante entra.
(cuidado se você tem "Leia mais" no blog. Poderá irritar o visitante)








<script>
msg = "AQUI SUA MENSAGEM"; //
alert(msg);
</script>





------------------------------*;*---------------------------
Popup número 2



Esse popup  já é totalmente customizável. e ela desliza pela página. Com este código você poderá trocar as cores de fundo, da borda, colocar mensagens, fotos, imagens variadas, mural de recados, vídeos e até mesmo anúncio do Adsense.
O código em amarelo é da imagem do x em vermelho, para troca-lo cole o endereço de sua imagem.



<!--Começo --->
<style type="text/css">
#topbar{
position:absolute;
border: 2px solid #000;/*cor da borda*/
padding: 10px;
margin: 2% 0 0 55%;
background-color: #ffffff;/*cor de fundo*/
width: 37%;
visibility: hidden;
z-index: 600;
}
</style>


<div id='topbar'>
<a href='' onclick='closebar(); return false'><img border="0" src="http://4.bp.blogspot.com/_BaCxSD9NFn8/S9jROBO5I7I/AAAAAAAABgc/W6-GwOsrxgI/s1600/icontexto-webdev-cancel-048x048.png" /></a><span style="font-size: 18px;"><b>AQUI COLOQUE O QUE QUISER. ANÚNCIOS, VÍDEOS, MENSAGENS, É SÓ COLAR OS CÓDIGOS AQUI
</script></b></span>
</div>

<script type="text/javascript">
var persistclose=0 // Se colocar o número 0 a janela abrirá novamente. O número 1significa que depois que a barra for fechada, permanecerá fechada
var startX = 20 // Tamanho horizontal
var startY = 5 // Tamanho vertical
var verticalpos="fromtop" // "fromtop" o "frombottom" define se vai em cima ou embaixo
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<!--Fim --->

------------------------------*;*---------------------------
Popup número 3


Com esse código a popup só abre quando é clicado.









------------------------------*;*---------------------------


Clique-me



<center><a href="AQUI O ENDEREÇO DO SEU BLOG" onMouseover="alert('ESCREVA AQUI O QUE VC QUER QUE APAREÇA NA JANELA')"> ESCREVA AQUI ONDE A PESSOA TEM QUE PASSAR O MOUSE PARA QUE A JANELA SE ABRA</a><br></center>




------------------------------*;*---------------------------
Popup número 4

 Esta janela se abre e deixa 3 mensagens ao visitante



<FORM>

<INPUT TYPE="button" Value=" Alerta " onClick="alert('Seja bem vindo !');
alert('Espero que encontre o que veio procurar');
alert('Se gostou comente e volte sempre')")>

</FORM>







------------------------------*;*---------------------------
Janela 5





<FORM>
<INPUT TYPE="button" VALUE="Abrir Janela" ONCLICK="window.open
('exemplo.htm', 'Exemplo', 'toolbar=no,location=no,
directories=no,status=no,
menubar=no,scrollbars=no,
resizable=no,
copyhistory=yes,
width=300,height=150')">
</FORM>




  Não me lembro de onde tirei esses códigos. O segundo dei uma arrumada para se adaptar melhor a qualquer blog.

8 comentários:

  1. As dicas podem ser boas, mas nada com pop-ups, longe deles, tanto eles aqui na internet para mim, como com certeza criados por mim para outros, limpo é melhor, mas como dica... Abraços e um bom dia!

    ResponderExcluir
  2. como faço para desativar a janela do Popup número 1

    ResponderExcluir
  3. Como faço para o poup 1 aparecer só uma vez ou só na página inicial? sempre que clicam em outro lugar do blog ele aparece de novo!

    ResponderExcluir
  4. o da popup com anuncio, msm clicando no X não fecha

    ResponderExcluir
  5. No meu não funciona e queria saber como a imagem consegue acompanhar ao usuario

    ResponderExcluir
  6. Não consigo colocar anuncio do google ads! Ele não aparece! Me ajuda.

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube