Visitem amores ?Ola aqui
vamos falar
de HTML,
Utilitarios e Varias coisas legais,tb sobre coisas Kawaiis epero que
vocês Gostem :)

Tutorial -> Como adicionar o Gadget mudar o Background do Blog?



Quer ver o Tutorial? Então leia mas!!

                                                                   este aqui eo código:

<style>

#estilo a img{

width:50px;

height:50px;

display:inline;

margin-right:10px;

margin-top:15px;

border: 2px solid #EEE;

}

#estilo a:hover img{

border: 2px solid #bdebff;

}



</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(http://2.bp.blogspot.com/-FEU3vm4u6gY/T5VoLXcFaAI/AAAAAAAACgc/XiNHVgDJ2eE/s200/tumblr_la3d1pt4f61qcdtsho1_500.png)"});

});

});

$(document).ready(function(){

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

$("body").css({"background":"url(http://4.bp.blogspot.com/-g2XFP5cjrjQ/T6LnB9B5IrI/AAAAAAAAFOU/dLnntA-y7PM/s1600/2bgcs3bth.jpg)"});

});

});

$(document).ready(function(){

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

$("body").css({"background":"url(http://2.bp.blogspot.com/-1Ovfl4zVos0/T1UwH1Pqx1I/AAAAAAAABYM/SsBiVLxxwes/s1600/1074864.png)"});

});

});

</script>



<center><a href="javascript:void(O)" id='bgcolor1' title="Cutie "><img src="http://2.bp.blogspot.com/-FEU3vm4u6gY/T5VoLXcFaAI/AAAAAAAACgc/XiNHVgDJ2eE/s200/tumblr_la3d1pt4f61qcdtsho1_500.png " /></a>

<a href="javascript:void(O)" id='bgcolor2' title="Moderno "><img src=" http://4.bp.blogspot.com/-g2XFP5cjrjQ/T6LnB9B5IrI/AAAAAAAAFOU/dLnntA-y7PM/s1600/2bgcs3bth.jpg" /></a>

<a href="javascript:void(O)" id='bgcolor3' title="Rocker "><img src=" http://2.bp.blogspot.com/-1Ovfl4zVos0/T1UwH1Pqx1I/AAAAAAAABYM/SsBiVLxxwes/s1600/1074864.png" /></a></center>

</div>

Entenda o codigo

Vermelho: Largura dos ícones dos backgrounds.

Lilás: URL do background 1.

Rosa: URL do background 2.

Verde: URL do background 3.

Laranja: Títulos dos backgrounds (quando o cursor passa pelos backgrounds).



É só editar as partes dos códigos com estas cores, e após terminar a edição, vá em:

Designer -> Adicionar um Gadget -> HTML/JavaScript

E colar o código, dando a ele o título que quiser!
gotaram do tuto espero que sim beijão amoress aprendi no girls oline:D
daqui a pouquinho volto com mais coisinhas pro seu blog um beijão ha
desculpe não te postado o ep 2 foi pq estava esditando as paginas do
blog mas agora ja estão prontas menus as de percerias então eu acho que ainda
hj posto o episodia da nosa web novela

Nenhum comentário:

Postar um comentário