Image Map

05 junho 2012

Presentinho de inauguração

Olá meus cupkac, o blog esta de volta uhuuu. e como eu tinha dito eu iria postar uma super postagem com 2 tutoriais e uma dica muito boa de comportamento muito boa. Os creditos da dica de comportamento vai para o blog Portal teen é só clicar no tiulo que vcs vão para o blog. Espero que gostem muuito do blog e que tenham gostado da nova decoração. E eu tenho um outro aviso. Para que quiser ser afiliado eu ainda tenho 7 vagas, para reserva a sua e só fazer um comentario na postagem anterior.
                 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


7 comentários:

  1. Muito obrigada por seguir o blog.

    ResponderExcluir
  2. Oi flor,
    parebens pelo blog,tá lindo hein,
    vlw pela visitinha =*

    http://rebiteseflores.blogspot.com.br/

    ResponderExcluir
  3. Oi fia,
    já te coloquei como afiliada
    =D
    ate mais!
    http://rebiteseflores.blogspot.com.br/

    ResponderExcluir
  4. De nada amore, tambem ja te coloquei como afiliada

    ResponderExcluir
  5. Obg por ter dado os créditos (:
    ja coloquei vc como afiliada lá no blog ^^

    http://blogportalteen.blogspot.com

    ResponderExcluir
  6. 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.
    Obrigada!

    Cherry Bomb || Fanpage

    ResponderExcluir
    Respostas
    1. 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/
      caso vc tiver achndo ruim eu posso colocar seus creditos nessa imagem sabendo que nem foi vc que a criu

      Excluir

Visitinhas

contador grátis