Gadget Com Várias Cores Para Personalizar o Plano de Fundo do Blog Com Efeito JQuery

Nesta postagem compartilho com vocês este Gadget bem criativo para que o público possa também interagir com o seu blog.

Este Gadget fica fixado no canto da página; e ele se abre com movimento JQuery bem legal.

Você pode ver uma demonstração: http://dicashotteste2.blogspot.com/

Torne-se membro do site, o que você tem que fazer é clicar no botão abaixo e clicar em seguida clicar em Seguir:

Bom! Para colocar em seu blog é bem simples... Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código

<style>

img, a {

border: 0;

}

#icon {

visibility: visible;

}

#off {

visibility: hidden;

}

#temabackground{

width: 415px;

height: 150px;

overflow: hidden;

}

#DicasHotBackground {

z-index: 10004;

border: 6px solid   #;

background-color: #;

width: 415px;

height: 150px;

position: fixed;

right: -430px;

}

#Tema_right_img {

position: absolute;

top: -3px;

left: -80px;

border: 0;

}




#instagran_left_img {

position: absolute;

top:-3px;

right: -80px;

border: 0;

}

</style>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>

<script type="text/javascript">jQuery(document).ready(function ()

{ jQuery("").hover(function ()

{  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("").stop(true, false).animate({   right: -430  }, 500); }); jQuery("#DicasHotBackground").hover(function () {  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("#DicasHotBackground").stop(true, false).animate({   right: -430  }, 500); }); jQuery("").hover(function () {  jQuery(this).stop(true, false).animate({   right: 0  }, 500); }, function () {  jQuery("").stop(true, false).animate(

{   right: -294  }, 500); });});</script><br /><div id="on"> <div id="" style="top: 12%;">




<div id="icon">

<div id="DicasHotBackground" style="top: 18%;">

<div id="temabackground">

<img id="Tema_right_img" src="http://pequenosreparos.com.br/img/slides/scene3/desktop.png" width="60px"  />

<center><a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-rK8FABFh_-Q/UvT3kPvv8nI/AAAAAAAAHdM/PrI_J6Ar19c/s1600/jvd-11.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-rK8FABFh_-Q/UvT3kPvv8nI/AAAAAAAAHdM/PrI_J6Ar19c/s1600/jvd-11.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-tFzXB_UQJ1o/UvTytKFF5eI/AAAAAAAAHck/i-k-SzE8oiY/s1600/jvd-7.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-tFzXB_UQJ1o/UvTytKFF5eI/AAAAAAAAHck/i-k-SzE8oiY/s1600/jvd-7.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-3h6eZN8HaqY/UvTr3tgOfpI/AAAAAAAAHb0/OeLfIBAl4Mk/s1600/jvd-1.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-3h6eZN8HaqY/UvTr3tgOfpI/AAAAAAAAHb0/OeLfIBAl4Mk/s1600/jvd-1.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-bu-d7MjRwk4/UvTsqQ-QuxI/AAAAAAAAHb8/haAu_XanqWI/s1600/jvd-2.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-bu-d7MjRwk4/UvTsqQ-QuxI/AAAAAAAAHb8/haAu_XanqWI/s1600/jvd-2.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-06mMjzrlLfw/Ua6N-h_ljBI/AAAAAAAAFwE/V7TGa_iNpqw/s1600/01.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-06mMjzrlLfw/Ua6N-h_ljBI/AAAAAAAAFwE/V7TGa_iNpqw/s1600/01.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-M3ea3Z4vu80/UvTtT6s7UqI/AAAAAAAAHcI/EuVckqMmgto/s1600/jvd-4.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-M3ea3Z4vu80/UvTtT6s7UqI/AAAAAAAAHcI/EuVckqMmgto/s1600/jvd-4.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-ot5GBs3JsVM/Ua6P2_GRwxI/AAAAAAAAFwU/sA7Z7ZqvQy0/s1600/02.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-ot5GBs3JsVM/Ua6P2_GRwxI/AAAAAAAAFwU/sA7Z7ZqvQy0/s1600/02.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-fFvK2BpyON8/UvTuBx7lmaI/AAAAAAAAHcQ/pTzdbVOnbzg/s1600/jvd-5.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-fFvK2BpyON8/UvTuBx7lmaI/AAAAAAAAHcQ/pTzdbVOnbzg/s1600/jvd-5.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-KpSFhqOhA2U/UvTxdYmsNzI/AAAAAAAAHcc/SGjha29tcVM/s1600/jvd-6.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-KpSFhqOhA2U/UvTxdYmsNzI/AAAAAAAAHcc/SGjha29tcVM/s1600/jvd-6.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/--rrlimt45iw/UvTzkI_b0QI/AAAAAAAAHcs/p5hLKcB6_Gg/s1600/jvd-8.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/--rrlimt45iw/UvTzkI_b0QI/AAAAAAAAHcs/p5hLKcB6_Gg/s1600/jvd-8.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-pS3h6EtNY9c/UvT0rjXnmnI/AAAAAAAAHc4/rB6berpnIEQ/s1600/jvd-9.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-pS3h6EtNY9c/UvT0rjXnmnI/AAAAAAAAHc4/rB6berpnIEQ/s1600/jvd-9.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-Yd_JLboVdUw/UvT1Zh250AI/AAAAAAAAHdA/9Fj2Cmxa4KQ/s1600/jvd-10.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-Yd_JLboVdUw/UvT1Zh250AI/AAAAAAAAHdA/9Fj2Cmxa4KQ/s1600/jvd-10.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-MDBfIEUfztM/UvY5j2O9BZI/AAAAAAAAHfA/o-HBBkRphiA/s1600/Sem+t%C3%ADtulo-18.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-MDBfIEUfztM/UvY5j2O9BZI/AAAAAAAAHfA/o-HBBkRphiA/s1600/Sem+t%C3%ADtulo-18.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-x3O-SsJp5DU/UvY4l-hHYVI/AAAAAAAAHe4/iJFChbtsr18/s1600/Sem+t%C3%ADtulo-17.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-x3O-SsJp5DU/UvY4l-hHYVI/AAAAAAAAHe4/iJFChbtsr18/s1600/Sem+t%C3%ADtulo-17.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-95BEOJu9O9c/UvY3RK1v0RI/AAAAAAAAHes/XwxiNQA1tlw/s1600/Sem+t%C3%ADtulo-16.png.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-95BEOJu9O9c/UvY3RK1v0RI/AAAAAAAAHes/XwxiNQA1tlw/s1600/Sem+t%C3%ADtulo-16.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-742ZmNkuB5Q/UvY7ffOi9vI/AAAAAAAAHfM/11B2-VFdS6Q/s1600/jvdconet-19.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-742ZmNkuB5Q/UvY7ffOi9vI/AAAAAAAAHfM/11B2-VFdS6Q/s1600/jvdconet-19.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-bigGb8BQmJA/UvY8ZNgVJ-I/AAAAAAAAHfU/VjxKJWkIF_8/s1600/jvdconet-20.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-bigGb8BQmJA/UvY8ZNgVJ-I/AAAAAAAAHfU/VjxKJWkIF_8/s1600/jvdconet-20.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-eG99V_B40CI/UvY9NFTXq2I/AAAAAAAAHfg/8kpCl4GtNNg/s1600/jvdconet-21.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-eG99V_B40CI/UvY9NFTXq2I/AAAAAAAAHfg/8kpCl4GtNNg/s1600/jvdconet-21.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-UmUerL3FiJU/UvY-Tt2dZrI/AAAAAAAAHfo/O__kibSR3rw/s1600/jvdconet-22.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-UmUerL3FiJU/UvY-Tt2dZrI/AAAAAAAAHfo/O__kibSR3rw/s1600/jvdconet-22.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-BFI7LxE8DU0/UvY_icr4L5I/AAAAAAAAHfw/RRbRL_p-leQ/s1600/jvdconet-23.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-BFI7LxE8DU0/UvY_icr4L5I/AAAAAAAAHfw/RRbRL_p-leQ/s1600/jvdconet-23.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-55oKwXH40LE/UvZEo5jwoFI/AAAAAAAAHgA/2GK-Ou7qIFY/s1600/jvdconet-24.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-55oKwXH40LE/UvZEo5jwoFI/AAAAAAAAHgA/2GK-Ou7qIFY/s1600/jvdconet-24.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-hOQUykP3Bq4/UvZFoJXTx1I/AAAAAAAAHgI/ZOaZzHvPnWk/s1600/jvdconet-25.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-hOQUykP3Bq4/UvZFoJXTx1I/AAAAAAAAHgI/ZOaZzHvPnWk/s1600/jvdconet-25.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-oqFo7GIUbbc/UvZGX_HNazI/AAAAAAAAHgQ/yxEjMe2UfFQ/s1600/jvdconet-26.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-oqFo7GIUbbc/UvZGX_HNazI/AAAAAAAAHgQ/yxEjMe2UfFQ/s1600/jvdconet-26.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-cmdIezGL3EE/UvZHI_KKdQI/AAAAAAAAHgc/gRN458aWPbg/s1600/jvdconet-27.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-cmdIezGL3EE/UvZHI_KKdQI/AAAAAAAAHgc/gRN458aWPbg/s1600/jvdconet-27.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-lKycuuBoIU4/Uva4x6ljv5I/AAAAAAAAHhA/rf2t_eqXBnk/s1600/jvdconeto-30.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-lKycuuBoIU4/Uva4x6ljv5I/AAAAAAAAHhA/rf2t_eqXBnk/s1600/jvdconeto-30.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-ovLhFnIXcCU/Uva3HzUyqdI/AAAAAAAAHgs/wSOyzuEpS88/s1600/jvdconeto-28.gif)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-ovLhFnIXcCU/Uva3HzUyqdI/AAAAAAAAHgs/wSOyzuEpS88/s1600/jvdconeto-28.gif" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-f1-cBRMhSuM/Uva39xSA96I/AAAAAAAAHg0/2utSrDfbMJg/s1600/jvdconeto-29.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-f1-cBRMhSuM/Uva39xSA96I/AAAAAAAAHg0/2utSrDfbMJg/s1600/jvdconeto-29.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-hY-80l2iWDs/Uva7F-3fByI/AAAAAAAAHhQ/DT36ELYp0ig/s1600/jvdconet-32.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-hY-80l2iWDs/Uva7F-3fByI/AAAAAAAAHhQ/DT36ELYp0ig/s1600/jvdconet-32.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-TOdNkwew8NE/Uva6CHheesI/AAAAAAAAHhI/Ds9h1jtu0qw/s1600/jvdconet-31.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-TOdNkwew8NE/Uva6CHheesI/AAAAAAAAHhI/Ds9h1jtu0qw/s1600/jvdconet-31.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-Q7-Xn781_w0/Uva8QmAauVI/AAAAAAAAHhY/_X8XaeyvOYE/s1600/jvdconet-33.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-Q7-Xn781_w0/Uva8QmAauVI/AAAAAAAAHhY/_X8XaeyvOYE/s1600/jvdconet-33.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-pmMZyxOw9sk/UvbIjE9-8WI/AAAAAAAAHho/wKJDo3uuTDw/s1600/jvdconet-34.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-pmMZyxOw9sk/UvbIjE9-8WI/AAAAAAAAHho/wKJDo3uuTDw/s1600/jvdconet-34.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://1.bp.blogspot.com/-Xx-iPpJOZ98/UvbJk7KfiDI/AAAAAAAAHhw/8Wxy053gshQ/s1600/jvdconet-35.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://1.bp.blogspot.com/-Xx-iPpJOZ98/UvbJk7KfiDI/AAAAAAAAHhw/8Wxy053gshQ/s1600/jvdconet-35.png" /></a>




<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-GIXG3U2gzco/UvbKoRgs_vI/AAAAAAAAHh4/JyGqvXaZNek/s1600/jvdconet-36.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-GIXG3U2gzco/UvbKoRgs_vI/AAAAAAAAHh4/JyGqvXaZNek/s1600/jvdconet-36.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://3.bp.blogspot.com/-Bf4PJytZclA/UvbMRiKc3xI/AAAAAAAAHiI/7Lw5BUxs05I/s1600/jvdconet-38.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://3.bp.blogspot.com/-Bf4PJytZclA/UvbMRiKc3xI/AAAAAAAAHiI/7Lw5BUxs05I/s1600/jvdconet-38.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://4.bp.blogspot.com/-K2KVmKFp8N8/UvbLybHX9UI/AAAAAAAAHiA/5152rY-if00/s1600/jvdconet-37.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://4.bp.blogspot.com/-K2KVmKFp8N8/UvbLybHX9UI/AAAAAAAAHiA/5152rY-if00/s1600/jvdconet-37.png" /></a>

<a href="javascript:void(0)" onclick="javascript:document.body.style.backgroundImage='url(http://2.bp.blogspot.com/-OD18qESVMck/UvbM5waHv5I/AAAAAAAAHiQ/mA0sI7Lepoo/s1600/jvdconet-39.png)'; document.body.style.backgroundColor='none';"><img style="width:30px;height:30px;" src="http://2.bp.blogspot.com/-OD18qESVMck/UvbM5waHv5I/AAAAAAAAHiQ/mA0sI7Lepoo/s1600/jvdconet-39.png" /></a></center>




CLIQUE NAS FOTOS PARA MUDAR O TEMA




<div style="text-align: right;">

<span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;">Widget by <a href="http://dicashot.blogspot.com/" target="_blank">DicasHot</a></span></div>

</div></div></div></div></div>

Tendo colado o código, não mexa em nada. Salve e pronto!!!

Qualquer duvida, não deixe de perguntar.