Nerd Invasor™

Tutorial: Como redirecionar um blog

noreply@blogger.com (Unknown) — Fri, 06 Jan 2012 18:44:00 +0000

(Imagem da Web)

Eae galera da blogosfera, tenho mais um SCRIPT, que é muito útil para quem vai fechar o blog ou da uma pausa. Ele redirenciona o seu blog para um outro blog.

Vamos ao tutorial:

1°- No painel do blog clique em Desing > Editar HTML

2°- Procure pela tag: <head> ; fica bem no começo do template.

3° E acima cole o seguinte código:

<script language="javascript" type="text/javascript">
location.replace("URL do BLOG")
</script>

4°- Onde tem escrito: URL do BLOG

Você vai apagar e colocar o endereço do blog para que você quer q seja redirecionado,

Exemplo: http://www.exemplo.blogspot.com/

Detalhe: Sempre visualize pra ver se não há nenhum erro e depois salve!

Video aula :Tutorial: Site 100% Seguro e Passarinho do Twitter

noreply@blogger.com (Unknown) — Fri, 06 Jan 2012 17:56:00 +0000

Como colocar Site 100% Seguro e Passarinho do Twitter voando em seu blog!

Assitas o video abaixo download depois abaixo do video.

JS-Kit Rating Classificação em estrelas

noreply@blogger.com (Unknown) — Fri, 06 Jan 2012 17:28:00 +0000

Fala galera da blogosfera, hoje estarei ensinando como colocar estrelinha de classificação no blog

Obs: Sempre faça o backup do seu template antes de qualquer alteração

1°- Entre no painel do blog > Design > Editar HTML

2°- Marque a caixinha "Expandir Modelos de Widgets > E procure por: <data:post.body/>

3°- Ou se quiser colocar no titulo dos posts procure por: <div class='post-header-line-1'/>

E cole o seguinte código abaixo do local escolhido:

Estrelas

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>

Mãozinha

<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>

4°- Depois...cole o codigo abaixo antes de </body> no final do seu html (template).

<script src="http://js-kit.com/ratings.js"></script>

5°- Depois de ter feito tudo isso. Cole o codigo abaixo antes de

/* Comments e no final de /* Posts:

.js-kit-rating {
height:20px;
margin-left: 330px;
overflow:hidden;
position:absolute;
margin-top: -2px;
width:105px;
}

Altere o local em que você deseja que a estrela fique. Sempre lembrando do CSS:

margin-top............define a margem superior;
margin-right..........define a margem direita;
margin-bottom.....define a margem inferior;
margin-left............define a margem esquerda;
height: comprimento vertical
width: comprimento horizontal

Dica: Visualizem e depois salvem.

Fastasmas Peranbulando em Seu template !

noreply@blogger.com (Unknown) — Fri, 06 Jan 2012 16:57:00 +0000

Para Ter fantasmas voando em seu template basta baixar , e seguir o tutorial do arquivo.

Se não quiser o download codigo no fim da postagemClique abaixo para fazer o download:

1-Entre no Painel do Blog.
2-Escolha o blog e clica na opção designer.
3- Apos Carregar vai em adicionar um gadget , e escolha a opção html javascript e clique no + :

4- E em conteudo agora você coloca o codigo . E salva em Laranja . E Depois disso vizualize seu blog está la ! Não é presciso colocar nome .

5- Se for mover o gad get mova e no topo salve !

Codigo:

<script language="JavaScript">
if ((document.getElementById) &&
window.addEventListener || window.attachEvent){
(function(){
//Configuracion
var 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 configuracion
var 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/AVvXsEjHkyiSJjGOJv3wJZIkyp898zUXdRWrQI1u7V_A03Zq4RNpVD6JntrjBLUEE3k9ywHVG5b2husFb3ymSH0drwzDunPqpEVkkCy8FyARnTOXdukyrZ0W-smIENWmCH1lH2PGdx-dvUVyx3I/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>
<style>
.ghost {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
-khtml-opacity: 0.3;
}
html {
overflow-x:hidden;
}
</style>

Equipe: Novo postador

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 23:43:00 +0000

Seja bem vindo Juan a nossa equipe

Download: Extensão Nerd Invasor para Google Chrome

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 21:46:00 +0000

(Imagem da Web)

Fala galera beleza, tenho uma novidade pra você que gosta de ficar por dentro de tudo que acontece no Nerd Invasor
É a extensão Nerd Invasor para Google Chrome.

Demonstração:

Tutorial: Como colocar avatar fixo no titulo dos posts para cada Autor

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 20:56:00 +0000

Fala galera da blogosfera, hoje estarei ensinando a colocar um avatar fixo ao lado do titulo dos posts para cada autor do blog. É muito útil para quem tem mais de um postador em seu blog.

Vamos ao Tutorial:
1°- Edite uma imagem que queira ultilizar, sugiro uma de 100x100. E a hospede.
2°- Abra o painel do blog > clique na guia design > Editar HTML
3°- Marque a opção "Expandir modelos de widgets"
4°- E procure pela linha: <b:if cond='data:post.title'>
5°- E acima adicione o seguinte código:

<b:if cond='data:post.author == "Nome do Autor"'><img src='Endereço da imagem' height='Altura da imagem' width='Largura da imagem' alt='Avatar' style="float:left;margin:0 5px 5px 0"/></b:if>

Obs: O nome do autor deve estar corretamente igual ao que ele usa para postar no blog.

6°- Altere os valore em Altura e largura e deixe igual ao da imagem.
7°- Salve e pronto!

Efeito transição em listas com CSS3

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 18:41:00 +0000

Demonstração:

Nerd Invasor
Google

Fala galera da blogosfera, hoje estarei passando a vocês um tutorial bem maneiro que é o efeito transição em listas, a demonstração acima já diz tudo. É um efeito CSS3 não pesa e cria um certo charme.

Vamos ao Tutorial:
1°- No painel do blog clique na guia Design > Editar HTML.
2°- Agora segure as teclas CTRL + F e procure por: ]]></b:skin>
3°- Acima dele cole o seguinte código:

ul li, ol li {line-height: 20px;list-style-position: inside;list-style-type: disc;padding: 0;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;}
ul li:hover, ol li:hover {padding: 0 10px;}

5°- Depois é so salvar e pronto!

Render Nerd

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 18:15:00 +0000

Clique na imagem para ver tamanho original

Render Game boy

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 18:05:00 +0000

Clique na imagem para ver tamanho original

Render Iron man

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 03:16:00 +0000

Clique na imagem para ver tamanho original

Como criar uma página de mapa de site

noreply@blogger.com (Unknown) — Thu, 05 Jan 2012 00:08:00 +0000

(imagem da Web)

Bom um dos widgets mais importantes em um blog hoje em dia é o Mapa do site, pois facilita a vida do visitante ao navegar pelo seu blog.

Uso e recomendo este Script.

Tutorial:

1°- Acesse o painel do blogger > Nova Postagem > Editar páginas na sub aba.

2°- Agora com o editor de páginas aberto clique na aba "Editar HTML"

3°-Agora adicione o seguinte código:

<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script>
<script src="Endereço do seu blog/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Detalhe: Insira a url do seu blog no local indicado!

4°- Agora é so clicar em Publicar Página e pronto.

Download: Template Nerd invasor (01)

noreply@blogger.com (Unknown) — Wed, 04 Jan 2012 23:40:00 +0000

Descrição: Bom já que troquei de template resolvi deixar pra download.

Obs: Se quiser remover o passarinho do Twitter procure por: </head>

e apague o script que está acima da tag.

Informações:
Compactação: Rar
Créditos: Bruno Leonardo | Nerd Invasor
Hospedagem: MegaUpload | 4Shared
Tamanho: 1.49 MB

MegaUpload

4Shared

Finalmente HTML5 + CSS3

noreply@blogger.com (Unknown) — Wed, 04 Jan 2012 23:10:00 +0000

(Imagem da web)

Finalmente pessoal, meu template está usando HTML5 + CSS3, bom apesar de ter navegadores que não suporta está linguagem não resisti aos vários efeitos dessa incrivel programação que hoje é a tentação dos demais Web Master.

Bom esse tempinho sem fazer postagens valeu apena mas agora vamos embora com os diversos tutoriais quentinho para ajudar vocês a criar um blog de sucesso!

noreply@blogger.com (Unknown) — Sat, 31 Dec 2011 19:20:00 +0000

Descrição: Esse script é bem parecido com uma lupa, faz com que a imagem aumente de tamanho a cada clique e quando você da um duplo-clique nela ela volta ao normal.

Demontração:

Informações:
Compactação: Rar
Créditos: Bruno Leonardo | Nerd Invasor
Hospedagem: MegaUpload | 4Shared
Tamanho: 850 B

MegaUpload

4Shared

Download Como Criar Crack’s – Tutorial + Programas

noreply@blogger.com (Unknown) — Sat, 31 Dec 2011 02:14:00 +0000

Descrição: Um pacote com os prgramas e o tutorial de como criar crack's. Pra você que sempre teve a curiosidade de saber como são feitas, vale apena conferir!!!

Informações:
Compactação: Rar
Créditos: Bruno Leonardo | Nerd Invasor
Hospedagem: MegaUpload | 4Shared
Tamanho: 1.25 MB

MegaUpload

4Shared

Download Selo de site 100% seguro

noreply@blogger.com (Unknown) — Fri, 30 Dec 2011 23:58:00 +0000

Descrição: Código de site 100% seguro. Maneiro esse código.

Informações:

Compactação: Rar
Créditos: Bruno Leonardo | Nerd Invasor
Hospedagem: MegaUpload | 4Shared
Tamanho: 40 KB
MegaUpload

4Shared

Download Fonte Next Star

noreply@blogger.com (Unknown) — Fri, 30 Dec 2011 19:04:00 +0000

Informações:
Compactação: Rar
Créditos: Bruno Leonardo | Nerd Invasor
Hospedagem: MegaUpload | 4Shared

Tamanho: 22 KB

MegaUpload

4Shared

Nerd Invasor - Primeiro Post

noreply@blogger.com (Unknown) — Wed, 28 Dec 2011 21:22:00 +0000

Fala galera beleza aqui é o Bruno e esse é o meu novo blog, bom aqui eu misturei um pouco entre nerd e hacker, vai ter bastante postagens legais espero que gostem!

Criado no dia: 28/12/2011