Como mudar o background do blog com um click! & Kotoura-san!

Yo my Princess!
Eu deveria ter postado ontem, mas ando meio ocupado com os estudos mas, sei que hoje é segunda então postarei o que eu devia ter postado ontem.
Mesmo que eu atrase com alguns posts eu vou postar atrasado mesmo pois não quero deixar meio bagunçado o que eu quero postar aqui mesmo atrasado, mas vou evitar atrasar!
Deixo aqui nesse post um tutorial e um anime \o/
Então....


Como mudar o background do blog com um click!

Esse tutorial eu peguei do Trasshy Girl  então créditos pra lá! Pois como ela disse ela mesma fez de uma forma mais fácil para facilitar a nossa vida!

Esse tutorial eu uso lá no Campos, caso queira saber, mas eu vou adicionar mais duas coisas nesse tutorial, caso você queira fazer como está o original! ~legal falar original~ segue o de baixo, os outros dois eu adicionei outras coisas que alguns podem gostar, ou não (eu vou entender).
Mas preste bem atenção, pois é grande, caso tiver alguma dúvida, responderei nos comentários!

1-Tutorial
No tutorial abaixo é para mudar UM background do blog caso você tiver só um no seu blog!

Vá em Layout do blog e adicione um gadget Html / Java Script, e dentro dele cole o código abaixo:

<style>

#estilo a img{

width:40px;

height:40px;

display:inline;

margin-right:10px;

margin-top:15px;

border: 2px solid #COR-DA-BORDA-HOVER;

}

#estilo a:hover img{

border: 2px solid #COR-DA-BORDA;

}

</style>

<div id="estilo">

<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>

<script>

$(document).ready(function(){

$("#bgcolor1").click(function(){

$("body").css({"background":"url(URL-DO-BACKGROUND-1)"});

});

});

$(document).ready(function(){

$("#bgcolor2").click(function(){

$("body").css({"background":"url(URL-DO-BACKGROUND-2)"});

});

});

$(document).ready(function(){

$("#bgcolor3").click(function(){

$("body").css({"background":"url(URL-DO-BACKGROUND-3)"});

});

});

</script>

<center><a href="javascript:void(O)" id='bgcolor1' title="TÍTULO"><img src="IMAGEM-DO-BACKGROUND" /></a>

<a href="javascript:void(O)" id='bgcolor2' title="TÍTULO"><img src="IMAGEM-DO-BACKGROUND-2" /></a>

<a href="javascript:void(O)" id='bgcolor3' title="TÍTULO"><img src="IMAGEM-DO-BACKGROUNGD-3" /></a></center>

</div>

2-Tutorial

No tutorial abaixo, é o mesmo que o de cima, mas eu acrescentei mais uma coisa, e esse é para caso você tiver DOIS backgrounds no blog, e quando clicar os dois mudam na mesma hora!

Vá em Layout do blog e adicione um gadget Html / Java Script, e dentro dele cole o código abaixo:

<style>

#backgrounds a img{

width:50px;

height:50px;

display:inline;

margin-right:10px;

margin-top:15px;

border:2px solid #COR-DA-BORDA-;

}

#backgrounds a:hover img{

border:2px solid #COR-DA-BORDA-HOVER;

}

</style>

<div id="backgrounds">

<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>

<script>

$(document).ready(function(){

 $("#background01").click(function(){

$("body").css({"background":"url(BACKGROUND-DE-CIMA)"});

 });

});

$(document).ready(function(){

 $("#background01").click(function(){

$("html").css({"background":"url(BACKGROUND-DE-BAIXO)"});

 });

});

$(document).ready(function(){

 $("#background02").click(function(){

$("body").css({"background":"url(BACKGROUND-DE-CIMA-2)"});

 });

});

$(document).ready(function(){

 $("#background02").click(function(){

$("html").css({"background":"url(BACKGROUND-DE-BAIXO-2)"});

 });

});

$(document).ready(function(){

 $("#background03").click(function(){ 

$("body").css({"background":"url(BACKGROUND-DE-CIMA-3)"});

 });

});

$(document).ready(function(){

 $("#background03").click(function(){

$("html").css({"background":"url(BACKGROUND-DE-BAIXO-3)"});

 });

});

</script>

<center><a href="javascript:void(O)" id='background01' title="TÍTULO-DO-BACK-1"> <img src="IMAGEM-DO-BACK-1" /></a>

<a href="javascript:void(O)" id='background02' title="TÍTULO-DO-BACK-2"><img src="IMAGEM-DO-BACK-2"/></a>

<a href="javascript:void(O)" id='background03' title="TÍTULO-DO-BACK-3"><img src="IMAGEM-DO-BACK-3" /></a>

</center></div>

3-Tutorial

No tutorial abaixo é o mesmo que o de cima, mas nesse acrescentei novamente outra coisa, caso você tiver DOIS backgrounds no blog, e possuir também faixinhas na sidebar, quando clicar para mudar de um background para o outro, a faixinha também muda na mesma hora, esse abaixo é o que eu realmente uso lá no Campos, assim que a pessoa muda o background, faz mudar também a faixinha \o/.

Vá em Layout do blog e adicione um gadget Html / Java Script, e dentro dele cole o código abaixo:

<style>

#backgrounds a img{

width:50px;

height:50px;

display:inline;

margin-right:10px;

margin-top:15px;

border:2px solid #COR-DA-BORDA-;

}

#backgrounds a:hover img{

border:2px solid #COR-DA-BORDA-HOVER;

}

</style>

<div id="backgrounds">

<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>

<script>

$(document).ready(function(){

 $("#background01").click(function(){

$("body").css({"background":"url(BACKGROUND-DE-CIMA)"});

 });

});

$(document).ready(function(){

 $("#background01").click(function(){

$("html").css({"background":"url(BACKGROUND-DE-BAIXO)"});

 });

});

$(document).ready(function(){

 $("#background01").click(function(){

$(".sidebar .widget h2").css({"background":"url(URL-DA-FAIXINHA)no-repeat"});

 });

});

$(document).ready(function(){

 $("#background02").click(function(){

$("body").css({"background":"url(BACKGROUND-DE-CIMA-2)"});

 });

});

$(document).ready(function(){

 $("#background02").click(function(){

$("html").css({"background":"url(BACKGROUND-DE-BAIXO-2)"});

 });

});

$(document).ready(function(){

 $("#background02").click(function(){

$(".sidebar .widget h2").css({"background":"url(URL-DA-FAIXINHA-2)no-repeat"});

 });

});

$(document).ready(function(){

 $("#background03").click(function(){ 

$("body").css({"background":"url(BACKGROUND-DE-CIMA-3)"});

 });

});

$(document).ready(function(){

 $("#background03").click(function(){

$("html").css({"background":"url(BACKGROUND-DE-BAIXO-3)"});

 });

});

$(document).ready(function(){

 $("#background03").click(function(){

$(".sidebar .widget h2").css({"background":"url(URL-DA-FAIXINHA-3)no-repeat"});

 });

});

</script>

<center><a href="javascript:void(O)" id='background01' title="TÍTULO-DO-BACK-1"> <img src="IMAGEM-DO-BACK-1" /></a>

<a href="javascript:void(O)" id='background02' title="TÍTULO-DO-BACK-2"><img src="IMAGEM-DO-BACK-2"/></a>

<a href="javascript:void(O)" id='background03' title="TÍTULO-DO-BACK-3"><img src="IMAGEM-DO-BACK-3" /></a>

</center></div>

Kotoura-san

Gênero: Comédia, Romance,Vida Escolar, Shounen, Slice of Life, Supernatural   

Sinopse:Inspirado no mangá 4-koma de Enogizu, a história gira em torno de Haruka Kotoura, uma estudante que acabou de se transferir e que pode ler a mente das pessoas, o que sempre trouxe problemas para ela. Agora, em sua nova escola, ela acabará entrando para o clube de ESP.

O Coelho: Na minha opinião, ninguém sabe como é começar um anime com uma história infeliz como esse anime começou, quer saber como um anime pode começar com a protagonista  se dando mal, é só assistir o primeiro episódio, pois qualquer um sente pena dela!
Assim que começou o anime comecei a assistir, a pena que senti foi terrível, nunca tive tamanha vontade de trazer um personagem para minha casa por pena como eu senti assim que assisti o primeiro episódio!
*Semeando curiosidades nas cabeças*
Apesar que o anime começa com tudo de ruim acontecendo com a Kotoura, no meio do episódio, a vida dela muda, melhor explicando, o mundo cinza que ela vivia se quebra por completo por causa do Manabe-kun. A capacidade de ler mente da Kotoura-san, faz com que ela sofra, depois disso logo eu que sempre senti vontade de saber o que as pessoas pensam nas cabeças, desisti...
As vezes eu fico pensando muita besteira, ai penso se a pessoa na minha frente pode estar lendo a minha mente ai do nada começo a cantarolar para que ela não saiba...¬_¬ ai quando eu falo que a minha capacidade animal é grande não acreditam!
Voltando para o anime...
Eu indico assisti, pois apesar que o anime começa com aquela tristeza profunda (*tocando o coração*)...
Ele é muito engraçado! A primeira coisa que você vai rir, vai ser quando você vê o que quebrou o mundo cinzento da Kotoura-san!(o pensamento do Manabe-kun)
Sem falar dos personagem, no clube que ela irá entrar tem um assim (°3°) não brinco, ele é definitivamente assim!
A presidente do clube é maluca \o/ e eu sou fã dela >.<
O Manabe-kun e seus pensamentos muuuuuuito diferentes...
E a outra garota...mas não vou falar mais que não quero dar spoiler!
O último episódio de Kotoura-san vai ser lançado nesse semana!

Bem, é isso, fico por aqui por enquanto, espero ter sido útil para vocês com esse tutorial e a minha animal opinião sobre o anime!

Deixo vocês com alguns gifs da Kotoura-san que achei no Tumblr:

Para você que gosta de romance!

Para você que gosta de comédia!

Para você que gosta de ação!

Para você que gosta de mistério ou algo do gênero!

Nós encontramos no anime o/

Até...