tutorial

Gadget de Mudar o Background

julho 10, 2013,1 Comments

(ilustração da Camila)

Hello People !
Plim Plim! Tô olhando Peter Pan ;)
Bom, pra quem visita o Kawaii World frequentemente deve ter percebido que tem um gadget que possibilita o leitor de mudar o plano de fundo do blog quando quiser, o próprio KW, fez um tuto ensinando como colocar e eu vou passar pra você o que eu vi lá! Bora?
É mais fácil que levar o Niall pro Nando's!

Vai em layout e adiciona um gadget de HTML/JavaScript, lá você cola isso:

<style>

#backgrounds a img{ width:60px;height:50px;display:inline;margin-right:10px;margin-top:15px;border: 2px solid #CORDABORDA;}#backgrounds a:hover img{-webkit-filter:grayscale(1);-webkit-transition:all 1s ease;border: 2px solid #CORDABORDA;}</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)"}); });});$(document).ready(function(){ $("#background02").click(function(){  $("body").css({"background":"url(BACKGROUND)"}); });});$(document).ready(function(){ $("#background03").click(function(){  $("body").css({"background":"url(BACKGROUND)"}); });});</script><center><a href="javascript:void(O)" id='background01' title="TÍTULO"><img src="http://static.tumblr.com/dlelfro/xpzmpkivr/1046.png" /></a><a href="javascript:void(O)" id='background02' title="TÍTULO"><img src="http://static.tumblr.com/dlelfro/OsJmpkiu1/1045.png" /></a><a href="javascript:void(O)" id='background03' title="TÍTULO"><img src="http://static.tumblr.com/dlelfro/5PBmpkix7/1049.png" /></a></center></div>


ENTENDENDO

#CORDABORDA é a cor que vai ficar na moldurinha em volta da imagem de BG

BACKGROUND é o URL da imagem que você vai usar

TÍTULO é o nome que você vai dar ao background tipo: flowers ou balls...

Aqui tem alguns backgrounds (www)


Isso é bom porque os seus leitores podem deixar o seu blog mais com a cara deles!
Bueno, é isso, espero ter ajudado :D
Bajuuuum pra vocês!

You Might Also Like

Um comentário: