Páscoa é para você lembrar, que existe um Deus capaz de morrer para te salvar.

Cursores: Estrelinhas caindo do mouse

Tinha lindo alguns comentários  onde algumas pessoas pediam para ensinar a colocar as estrelinhas caindo do mouse então tá  ai ....
•Quando estiver no painel no Blogger, click em  "Design", em seguida click em  "Editar HTML"
Como mostra abaixo:

 

•Já no HTML de seu blog, copie o código abaixo:

<script type='text/javascript'>
// <![CDATA[
var colour="#FFFFFF";
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>

•Após copiar o código, vá para página do HTML do seu blog e procure pela palavra </body>. Para achá-la mais facil, é só usar o campo de pesquisa, para acessá-lo é só teclar "Ctrl+F" e fazer sua pesquisa.
•Quando encontrar a palavra </body>, cole o script que você copiou antes dela e clique em "Visualizar". Se estiver tudo certo com seu blog e o efeito estiver funcionando, feche a página de visualização e clique em "Salvar Modelo".


•Pronto! Para modificar a cor das estrelinhas, você deve fazer uma pequena alteração no script, alterando o código da cor em var colour="#FFFFFF"
A cor que está no script é o branco, abaixo segue o código de algumas cores pra você utilizar no seu script:
VERMELHO: #FF0000
ROSA: #FF69B4ROXO: #912CEE
AZUL: #0000FF
AZUL CLARO: #1E90FF
VERDE: #00FF00
AMARELO: #FFD700
ALARANJADO: #FF8C00
PRETO: #000000


Créditos a PhotoScape Edições.

New Tag: Tutoriais- Como colocar cor no fundo dos títulos das postagens

Então eu resolvi, que o style não vai ficar para trás, que vou fazer uns tutos aqui no blog, mas não vamos perder o foco , que é Moda, tá gente?

Resolvi postar esse tutorial, muito procurado e muuito fácil de fazer…

Olhem só

Nesse não vamos Editar Html, vamos ir direto no CSS, assim:

Vá em :

Painel- Design- Design do modelo- Avançado- Adicionar CSS

E colarmos:

.post-title {background-color:green;}

Ai você altera o “green”, pelo o nome da sua cor, mas não esqueca o nome tem que ser em inglês!!

E prontinho!!

Gostaram??

Retirar espaço do gadget attribution

Hoooy genthê! A pedido de leitoras, hoje vou ensinar como retirar parte do espaço ocupado pelo gadget attribution, ou seja, aquele espaço reservado aos créditos do designer do blog. Mesmo ensinando aqui,recomendo não excluir, pois nesse pequeno espaço, estão os créditos de quem realmente teve trabalho pra criar todo o HTML do modelo que usamos, sendo falta de respeito com o mesmo. Porém, quando editamos, a pessoa que criou o modelo também perde os créditos nas attributions, então, retirar o gadget vai de qualquer pessoa. Mas antes de tudo, baixe o modelo do seu blog, isso pode evitar prejuízos no futuro!

1. Após fazer login em seu blog, vá para a aba Design e em seguida para Editar HTML.

2. Pressione Ctrl + F em seu teclado e pesquise por: 

<b:section class='foot' id='footer-3' showaddelement='no'>

3. Localize no HTML a tag:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/> 

4. Após localizar a tag ACIMA, mude "true" por "false".

5. Clique em Visualizar, e se estiver tudo certo e não aparecer nenhuma mensagem de erro, clique em Salvar Modelo.

6. Agora vá novamente para a aba Design e permaneça em Elementos da página.

7. Abra o gadget Attribution e verá que agora estará disponível para excluir. Assim como na imagem: 

8. Após excluir o gadget, visualize e se estiver tudo certo, salve. 

Depois de todo esses procedimento, visualize seu blog. Se gostou de resultado, clique em Salvar Modelo, senão clique em Limpar Edições. Espero que gostem, bye ♥

Criando Páginas

Como deixar aquela "barra" em baixo do título do blog, com links como: Parceria, Link-me, Converse, etc..
                           como esse:

Se quiser que fique exatamente igual, terá que ir em Design > Design do Modelo e mudar o modelo para Janela de Imagem. OK.
Agora clique em Postagens > Editar Páginas > Nova página
Assim, você pode colocar suas parcerias lá, algum texto, ou imagem, o que quiser!

Caixa de Busca no Cabeçalho

Hoy, sabe aquelas caixinhas de busca que fica no cabeçalho? Então, vou postar o código pra vocês!
ficará assim:

- Faça loggin no seu blog

- Vá em Design > Elementos de Página

- Clique em Adicionar Gadget, e procure pelo gadget HTML/JavaScript depois cole o código no lugar do texto:

<div align="center"><FORM method=GET action="http://www.google.com.br/search">
<INPUT TYPE=text name=q size=25 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Pesquisar">
<input type=hidden name=domains value="endereço do seu blog"><br><input type=radio name=sitesearch value="">Web<input type=radio name=sitesearch value="endereço do seu blog" checked>Neste site<br>
</FORM></div>

- Se quiser deixar igual a foto de cima, arraste o gadget para baixo do cabeçalho, assim:

Prontíssimo!

Seta - voltar ao topo do blog

Você já deve ter visto em algum blog uma setinha no fim da página, que volta para o topo, não é ?

É muito fácil de fazer e você pode ter no seu blog, rápidinho (;

 

Primeiro, abra seu blog e vá em Design > Elementos de Página > Adicionar um gadget > adicione o HTML/JavaScript e cole esse código:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="URL DA SETA" border="0" /></a></div>

escolha uma seta abaixo e clique com o botão direito vá em Copiar URL da Imagem e cole no código substituindo pelo URL DA SETA.

    

Bloqueando Cópias

Vou ensinar como Bloquear as cópias em seu Blog.
Além de usar o "CopyScape" que tal dificultar o leitor nas cópias?
Nesse post vou ensinar como bloquear o botão direito do mouse, além de bloquear a cópia dos textos.
Clique em mais informações para continuar lendo 

Mil créditos ao site Mamanunes
Primeiro você abre seu Blog, vá em Design>Editar HTML
Feito isso, use as teclas Ctrl F e procure por:
<head>
Se você quiser bloquear a cópia dos textos (funciona em Internet Explorer 8, Firefox e Google Chrome)
Copie o seguinte código e cole abaixo de <head>

<script
language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable()
{return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if
(window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Se você quiser bloquear a cópia das imagens (desabilitar o botão direito) copie o seguinte código e cole abaixo de <head>
Funciona em Internet Explorer 8 e Firefox

<script language="JavaScript">function click() {if (event.button==2)<br /><br />{alert(' IMAGENS<br />PROTEGIDAS ');}}function keypresed()<br /><br />{alert(' Teclado<br />Desabilitado<br />');}document.onkeydown=keypresed;document.onmousedown=click;</script><br />

E prontinho! O que acharam? 

Colocar postagens recentes no blog

.Eu indico e acho muito legal.

 Primeiro vá até a página de Design do seu blog.

 Em seguida adicione um novo gadget , e escolha o de Feed. Exemplo :

 Depois de adicionar um novo gadget , escolha o de Feed :

 Em seguida coloque a url do seu blog :

 Depois vem a parte de editar, se você tem buttons ao invés dos títulos dos gadgets , não coloque nada no espaço do título. Já se você usa apenas os títulos do gadgets ao invés de buttons coloque apenas ' Postagens Recentes ' ou coisa do tipo. Coloque a opção para mostrar 5 ítens , não coloque data pois assim fica organizado, de preferência desmarque a opção fontes/ autores caso o blog tenha mais de um autor daí pode-se marcar.Quando terminar , salve!

 Pronto! seu gadget está feito.Isso também serve para você colocar as atualizações de outro blog no seu.

Espero que tenham curtido, e tenha dado pra entender , pois como viram é fácil e não tem como dar erro

Gadget que conta quantas vezes o visitante já foi ao seu blog!

Ooi, hoje vou ensinar a colocar um gadget beem legal para seus blogs. *-*
Veja:
Lembre-se: o gadget se baseia no histórico da web do visitante, ou seja, se ele apagar o histórico, o contador vai zerar. Clike em Leia + para aprender a colocar esse gadget!

Vá em "adicionar gadget" e selecione "HTML/Java Script" e cole o código:

<script type="text/javascript"> antes = 'você já visitou este blog'; depois ='vezes, espero que tenha gostado!Volte Sempre'; </script>
<script type="text/javascript" src="http://dl.dropbox.com/u/3173073/Widgets/visitas-contagem.js"></script>

As partes em laranja podem ser alteradas, mas cuidado, se apagar as aspas não vai funcionar!

Nome do seu blog em movimento!

Hoje vou ensinar a deixar o nome do seu blog em movimento, como aqui!
É bem simples, não vai tomar muito tempo:

1. Vá em Design> Editar HTML.
2. Tecle Ctrl + F e procure por </head>.
Abaixo dessa linha, cole esse script, mudando apenas o que está em vermelho.

<script language='JavaScript'> 
var txt=" Título do Blog "; 
var espera=90; 
var refresco=null; 
function rotulo_title() { 
document.title=txt; 
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} 
rotulo_title(); 
</script>

3. Clique em Visualizar blog, e se ficou bom salve.

Mine Imagens no final da postagem!

 

Sabe aqueles links que ficam no final dos posts, o Postado por e as Tags? Hoje vou ensinar como colocar mine gifs ao lado deles. É muito simples!

Antes de tudo, procure os dois mine gifs que você vai usar. Tem esses gif's do Amor & Sedução, clique aqui para ver.
                                              Link Postado por:
1. Faça login no Blogger, vá em Design > Editar HTML e marque a opção " Expandir modelos de widgets".
2. Tecle Ctrl + F e procure por:
<b:if cond='data:top.showAuthor'>

Quando essa linha aparecer, cole esse script ao LADO dele, colocando o URL do gif:
<img src='URL DO MINE GIF' style='border:0px;'/>

                                        Link Marcadores (ou Tags):
1. Ainda em Editar HTML, procure por:
<b:if cond='data:post.labels'>
2. Coloque esse script subistituindo a parte em vermelho pelo URL do Gif:
<img src='URL DO MINE GIF' style='border:0px;'/>

Clique em Visualizar Blog, e se estiver tudo certo, salve.