Mudar o background em um gadget


Olá, estão deparando com mais uma postagem aqui, eu disse raramente vise e versa mais, hoje irei postar mais um tutorial, eu queria muito muito, que os blogs antigos voltasse, mais não, acho que os blogs que as pessoas diariamente estavam postando, poucas pessoas daquela época de 2013, 2012, eram tantos de html, eu penso que as pessoas hoje devem está ocupadas hoje em dia, mais com essa pandemia que estamos vivendo, alguns aos poucos poderá voltar né? ou não, as pessoas mudam de rumo e por ai vai...

Por outro lado, eu estou trazendo mais um tutorial, mudar o background pelo Gadgets, ele é simples de fato, apenas em um Gadgets! para continuar, clique em mais, mais observando é esse  aqui, quer mais aprender? clica em mais, você ira seguir o tutorial


Depois que observou esse modelo de print, de um Preview que eu tinha antes, salvo, no seu layout temático, e enfeitado, você vá em LAYOUT, depois em GADGETS, e depois clica em HTML/GADGETS, e cole esse código aqui, eu sinceramente não lembro da onde eu peguei, pois era muito tempo atrás que eu já tinha salvo esse tutorial, para um layout, e hoje ele não tem mais, então eu estou postando para vocês, enfim cole ele
<style>
#estilo a img{
width:40px;
height:40px;
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Z4HmorNZwNJBe1kDSp6S-Ys1KQ7RvYCQfV2naLV9e5VNNkzCHRbTqKFkrirMv668t9SFmwLCtMVEK6txbwniKE4a8Fp8e2ytdh_u1Wt_x2JYN-apRjxm9BfykYzqZ-V8BpWdG8d2xys/s1600/13.png)"});
});
});
$(document).ready(function(){
$("#bgcolor2").click(function(){
$("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRiT9FkSlbOTMK9y4rwutBcKAhnmjRygEyAfL91n-3raAXY2hawQ5eTpzEnalwCjFfHEnfbkxfcobSKAGPWQ2m4ZV1WBc53Q3tOJHbI1ZbsuKL_9kZPdInUK-7DEEBVlyPhn-E-A-v9qo/s1600/-+%2528460%2529.gif)"});
});
});
$(document).ready(function(){
$("#bgcolor3").click(function(){
$("body").css({"background":"url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlTyFiEwlJBoJqyx0UxVu8SFYRyyXlmlPcztVCooZP8fnqK7Jl6BBfel4JnFpdCBQv92YUcCQ1vQmUiKcgyBGp3mI2PmpvT3P3IsIl0ecsmg2x1BCRfEwc6H7KDQaw5KkvYZVAtFqyzw/s1600/FotoFlexer_Photo.jpg)"});
});
});
</script>
<center><a href="javascript:void(O)" id='bgcolor1' title="Normal"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Z4HmorNZwNJBe1kDSp6S-Ys1KQ7RvYCQfV2naLV9e5VNNkzCHRbTqKFkrirMv668t9SFmwLCtMVEK6txbwniKE4a8Fp8e2ytdh_u1Wt_x2JYN-apRjxm9BfykYzqZ-V8BpWdG8d2xys/s1600/13.png" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="Título Aqui"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRiT9FkSlbOTMK9y4rwutBcKAhnmjRygEyAfL91n-3raAXY2hawQ5eTpzEnalwCjFfHEnfbkxfcobSKAGPWQ2m4ZV1WBc53Q3tOJHbI1ZbsuKL_9kZPdInUK-7DEEBVlyPhn-E-A-v9qo/s1600/-+%2528460%2529.gif" /></a>
<a href="javascript:void(O)" id='bgcolor3' title="Título Aqui"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlTyFiEwlJBoJqyx0UxVu8SFYRyyXlmlPcztVCooZP8fnqK7Jl6BBfel4JnFpdCBQv92YUcCQ1vQmUiKcgyBGp3mI2PmpvT3P3IsIl0ecsmg2x1BCRfEwc6H7KDQaw5KkvYZVAtFqyzw/s1600/FotoFlexer_Photo.jpg" /></a></center>
</div>
<script language=javascript> function click() { if (event.button==2) { alert(' NÃO PODE !!'); } } function keypresed() { alert(' NÃO PODE !!'); } document.onkeydown=keypresed; document.onmousedown=click; </script>

Depois disso, faça alterações e salve, se tiver algum erro, entre em contato comigo para que eu possa explicar mais detalhes possíveis para você, beijos até o próximo post! 

Nenhum comentário:

Postar um comentário