Postagens Antigas - Nh Create: Tutoriais

Nh Create - Criatividade é tudo !

Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens

teste do eddy

Tutorial - Fantasmas voando no blog

Postado Por: Nayan Baizek - Freelancer

Essa imagem está em gif ,bom não sei quem fez ela .

Para ver o tutorial clique em leia mais ...

Vamos começar ?

1° Vá até seu "blog" .

2° Vá em "Layout" .

3° Vá em "Adicionar Um gadget" .

4° Adicionar "HTML /JavaScript" .

5° E adicione o código abaixo :

<script language="JavaScript">if ((document.getElementById) &&window.addEventListener || window.attachEvent){(function(){//Configuracionvar numberOfGhosts = 10; /* Numero de fantasmas */var ghostSpeed = 0.9; /* Velocidade */var inTheFace = 5;var setTimeOutSpeed = 50; /* Velocidade a que os fantasmas aparecem*///Fin de la configuracionvar h,y,cy,cx,sy,sx,ref,field,oy1,oy2,ox1,ox2,iy1,iy2,ix1,ix2;var d = document;var domWw = (typeof window.innerWidth == "number");var domSy = (typeof window.pageYOffset == "number");var pi1 = 180/3.14;var pi2 = 3.14/180;var y = [];var x = [];var strs = [];var gro = [];var dim = [];var dfc = [];var vel = [];var dir = [];var acc = [];var dtor = [];var xy2 = [];var idx = document.getElementsByTagName('div').length;var zip = [];var pix = "px";for (i = 0; i < numberOfGhosts; i++){document.write('<div id="ghosts'+(idx+i)+'"'+' style="position:absolute;top:0px;left:0px;'+'width:40px;height:40px;background-color:transparent;'+'font-size:0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_AIVex9GCTOOu3v6nCdFp5bbOuY4lNdEcOCnHw9bkKAmEYGBf7aScfBBN2OevDrwNcfv8JyRzPTvWzsiMdWRnwjEiAQCy5tROqJpq221mJVKt1lWgnxn9P8b2eQrHreb0aA1BWPEibUqx/s1600/ghost.gif" class="ghost" width="70"/></div>');}if (domWw) ref = window;else{if (d.documentElement &&typeof d.documentElement.clientWidth == "number" &&d.documentElement.clientWidth != 0)ref = d.documentElement;else{if (d.body &&typeof d.body.clientWidth == "number")ref = d.body;}}function win(){var mozBar = ((domWw) &&ref.innerWidth != d.documentElement.offsetWidth)?20:0;h = (domWw)?ref.innerHeight:ref.clientHeight;w = (domWw)?ref.innerWidth - mozBar:ref.clientWidth;cy = Math.floor(h/2);cx = Math.floor(w/2);oy1 = (75 * h / 100);oy2 = (oy1 / 2);ox1 = (75 * w / 100);ox2 = (ox1 / 2);iy1 = (18 * h / 100);iy2 = (iy1 / 2);ix1 = (18 * w / 100);ix2 = (ix1 / 2);field = (h > w)?h:w;}function rst(s){var cyx;sy = (domSy)?ref.pageYOffset:ref.scrollTop;sx = (domSy)?ref.pageXOffset:ref.scrollLeft;acc[s] = 0;dim[s] = 1;xy2[s] = 0;cyx = Math.round(Math.random() * 2);if (cyx == 0){y[s] = (cy - iy2) + Math.floor(Math.random() * iy1);x[s] = (cx - ix2) + Math.floor(Math.random() * ix1);}else{y[s] = (cy - oy2) + Math.floor(Math.random() * oy1);x[s] = (cx - ox2) + Math.floor(Math.random() * ox1);}dy = y[s] - cy;dx = x[s] - cx;dir[s] = Math.atan2(dy,dx) * pi1;dfc[s] = Math.sqrt(dy*dy + dx*dx) ;zip[s] = 10 * (dfc[s] + inTheFace) / 100;vel[s] = ghostSpeed * dfc[s] / 100;dtor[s] = (field - dfc[s]);if (dtor[s] < 1) dtor[s] = 1;gro[s] = 0.003 * dtor[s] / 100;}function animate(){for (i = 0; i < numberOfGhosts; i++){y[i] += vel[i] * Math.sin(dir[i] * pi2);x[i] += vel[i] * Math.cos(dir[i] * pi2);acc[i] = (vel[i] / (dfc[i] + (vel[i] * zip[i])) * vel[i]);vel[i] += (acc[i]);dim[i] += gro[i] + acc[i] / zip[i];xy2[i] = dim[i] / 2;if (y[i] < 0 + xy2[i] ||x[i] < 0 + xy2[i] ||y[i] > h - xy2[i] ||x[i] > w - xy2[i]){rst(i);}strs[i].top = (y[i] - xy2[i]) + sy + pix;strs[i].left = (x[i] - xy2[i]) + sx + pix;strs[i].width = (strs[i].height = (Math.round(dim[i])) + pix);}setTimeout(animate,setTimeOutSpeed);}function init(){win();for (i = 0; i < numberOfGhosts; i++){strs[i] = document.getElementById("ghosts"+(idx+i)).style;rst(i);}animate();}if (window.addEventListener){window.addEventListener("resize",win,false);window.addEventListener("load",init,false);}else if (window.attachEvent){window.attachEvent("onresize",win);window.attachEvent("onload",init);}})();}//End.</script>

Configurando :
Mudando o numero de fantasmas :
Procure por :
numberOfGhosts =10; /* Numero de fantasmas */
E troque a parte que eu destaquei .
Mudando a velocidade dos fantasmas :
Procure por :
var ghostSpeed = 0.9; /* Velocidade */
E troque a parte que eu destaquei .
Mudando a velocidade que ps fantasmas aparecem :
Procure por :
var setTimeOutSpeed = 50; /* Velocidade a que os fantasmas aparecem*/
E troque a parte que eu destaquei .

Sem comentários »

Tutorial - Como botar botão leia mais

Postado Por: Nayan Baizek - Freelancer

Clique em ver postagem para ler o tutorial ....

Tutorial :

1 - Abra seu Blog vá em Design -> Editar Html e marque a caixinha Expandir modelos de widgets.

2 - Aperte CTRL+F em seu teclado e procure pela tag <data:post.body/> e cole o seguinte código abaixo da tag <data:post.body/>:

Código:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"'><img src='url da sua imagem' style='width: 443px; height: 60px;'/></a>

</div>

</b:if >

3- Edite as partes em azul .

Conselho :

Aconselho criar um leia mais tamanho 300 x 100

Leia mais para vocês :

Minha logo :

Sem comentários »

Tutorial - Widget de guia

Postado Por: Nayan Baizek - Freelancer

Tutorial :

1° Entre nesse site . (clique aqui).

2° Clique no menu Widgets.

3° Clique em " O Widget de cor".

4° Defina a o lado , esquerdo ,direito ou fundo .

Abaixo um exemplo

(você devera trocar no site)

Esquerda

tabpos:left-upper

Topo

tabpos:left-middle

Centro

tabpos:left-lower

Fundo

Fundo

tabpos:bottom-left

Esquerda

tabpos:bottom-center

Centro

tabpos:bottom-right

Direito

Direito

tabpos:right-upper

Topo

tabpos:right-middle

Centro

tabpos:right-lower

Fundo

5° Copie o código .

Botando em seu blog :

1° Vá até o blogger

2° Vá em layout > Adicionar Gadget > HTML/JavaScript .

3° Cole o código e salve .

Ex :

Sem comentários »

Tutorial - Widget de cor user on

Postado Por: Nayan Baizek - Freelancer

Tutorial :

1° Entre nesse site . (clique aqui).

2° Clique no menu Widgets.

3° Clique em " O Widget de cor".

4° Defina a cor de traz , e a cor da fonte .

Abaixo um exemplo

(você devera trocar no site)

Click to change color

Click to change color

5° Copie o código .

Botando em seu blog :

1° Vá até o blogger

2° Vá em layout > Adicionar Gadget > HTML/JavaScript .

3° Cole o código e salve .

Ex :

Sem comentários »

Tutorial -Widgets clássico users

Postado Por: Nayan Baizek - Freelancer

Tutorial :

1° Entre nesse site . (clique aqui).

2° Clique no menu Widgets.

3°Clique em " O Widget de clássico".

4° Copie o código .

Botando em seu blog :

1° Vá até o blogger

2° Vá em layout > Adicionar Gadget > HTML/JavaScript .

3° Cole o código e salve .

Ex :

Sem comentários »