Tutorial 1
Como colocar uma imagem de gif nos gadget.
Como vocês viram no meu gadget de welcome tem uma imagem de gifs que se move e não e pelo gdget imagem que a gente adiciona ele(eu ja tentei isso e não deu certo, mais se o seu pc for diferente do meu pode ate ser que der certo). Se o seu caso for o mesmo que o meu hoje eu vou ensinar a vcs. Vá em modelo, clique em layout e adicione um gadget de HTML java script e cole o seguinte codigo
<center><img src="URL DA IMAGEM" border="0" alt=
"Image and video hosting by TinyPic" /></center>
Faça as seguintes atualizações, a onde está escrito url da imagem e aonde vc coloca o url da imagem, caso vc não saiba como fazer isso é so entrar em algum site que faz ospedage de imagens e lá vc conseguirá o url da sua imagem. Clique em salvar e pronto.
Tutorial 2
Como colocar efeito de brilho caindo do corredor
Esse não é um tutorial muito difícil, basta vc saber um pouquinho de html. Vamos ao tutorial. Vá em modelo e clique em editar HTML e procure por </body> e cole logo a cima o seguinte codigo
<script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
Fazendo as atualizações. No trecho var colour="#FFD700"; e o codigo da cor, e só alteralo para a cor que desejar, caso vc não saiba fazer isso abra o bloco de notas, cole o codigo lá, va em modelo, personalizar e clique em avançados vá em qualquer coisa e escolha a cor que gostar que ira aparecer o godigo lá. e então e só retorna no bloco de notas e atualizar essa parte.
Espero que tenham gostado muito . Um milhão de Bjs bye bye.
Dica de comportamento
Espero que tenham gostado muito.
Bjs ♥
Muito obrigada por seguir o blog.
ResponderExcluirOi flor,
ResponderExcluirparebens pelo blog,tá lindo hein,
vlw pela visitinha =*
http://rebiteseflores.blogspot.com.br/
Oi fia,
ResponderExcluirjá te coloquei como afiliada
=D
ate mais!
http://rebiteseflores.blogspot.com.br/
De nada amore, tambem ja te coloquei como afiliada
ResponderExcluirObg por ter dado os créditos (:
ResponderExcluirja coloquei vc como afiliada lá no blog ^^
http://blogportalteen.blogspot.com
Olá flor! Gostei do seu blog, mas queria te pedir uma coisinha: Essa imagem que você está usando no fundo das postagens foi feita por mim para uso exclusivo no lay do cherry bomb, não sendo permitida sua utilização por outros. Peço que a troque por outra, por favor.
ResponderExcluirObrigada!
Cherry Bomb || Fanpage
Oi posso de falar uma coisa, ess imagem eu achei na internet, caso vc duvidar eu posso te mostra o a onde eu pegui ela. e so vc ir no google e colocar imagem de papel que essa e uma das primeiras a parecer, e no site ainda aparece BACKGROUNDSGRATIS, e nao e só o meu blog que esta com esse fundo nas postagens visite esse tambem http://cherry-pumped.blogspot.com.br/
Excluircaso vc tiver achndo ruim eu posso colocar seus creditos nessa imagem sabendo que nem foi vc que a criu