.

segunda-feira

Redes Sociais em Forma de Coração Flutuante

ACESSOS:
Deixe seu comentário

Nesta postagem compartilho com vocês este outro código bem interessante. O código é bem chamativo e sendo assim, você poderá conseguir muito mais seguidores nas suas redes sociais.


Para coloca-lo no blog...Entre em "Modelo" - "Editar HTML" e procure pela tag
</head>
Tendo encontrada a tag, cole ACIMA dela o seguinte código
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Floating image script- By Virtual_Max
* Modified by Dynamic Drive for various improvements
***********************************************/

var vmin=2;
var vmax=5;
var vr=2;
var timer1;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;
}

function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;
}
else if (document.body){
pageX=iecompattest().scrollLeft;
pageW=iecompattest().offsetWidth-40;
pageY=iecompattest().scrollTop;
pageH=iecompattest().offsetHeight-20;
} 

chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;

chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();
}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}

document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";


chip.timer1=setTimeout("movechip('"+chip.named+"')",100);
}
}


function pagestart(){
//Configurações
corazon1=new Chip("corazon1",47,68);
corazon2=new Chip("corazon2",47,68);
corazon3=new Chip("corazon3",47,68);
corazon4=new Chip("corazon4",47,68);

//Configurações
movechip("corazon1");
movechip("corazon2");
movechip("corazon3");
movechip("corazon4");
}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>
Agora, procure pela tag
<body>
Ou
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Tendo encontrado, ABAIXO dela cole o seguinte código
<!-- Inicio dos corações flutuando pela página do blogger -->
<div id='corazon1' style='position:absolute; z-index:80; left: -500px; width:47px; height:68px;'>
<a href='http://facebook.com/dicashot'><img border='0' src='https://lh3.googleusercontent.com/_dsEG33PDaHw/TVMVujv5pxI/AAAAAAAAA9w/A9Flydkthzk/corazon-fb.png'/></a>
</div>

<div id='corazon2' style='position:absolute; z-index:81; left: -500px; width:47px; height:68px;'>
<a href='http://twitter.com/usuario'><img border='0' src='https://lh5.googleusercontent.com/_dsEG33PDaHw/TVM2ouZPBXI/AAAAAAAAA-M/HpnhTV2TH1w/corazon-tw.png'/></a>
</div>

<div id='corazon3' style='position:absolute; z-index:82; left: -500px; width:47px; height:68px;'>
<a href='http://Nome do seu blog.blogspot.com/atom.xml'><img border='0' src='https://lh5.googleusercontent.com/_dsEG33PDaHw/TVMVu6Z6bwI/AAAAAAAAA90/XAVuFWwRw58/corazon-rss.png'/></a>
</div>

<div id='corazon4' style='position:absolute; z-index:83; left: -500px; width:47px; height:68px;'>
<a href='URL'><img border='0' src='https://lh4.googleusercontent.com/_dsEG33PDaHw/TVM5KyaZXKI/AAAAAAAAA-Q/_ph_CP_WkXY/corazon.png'/></a>
</div>
<!-- Fim de Corações flutuando pela página do blogger -->
Tendo feito isto, está pronto!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade