dicas blog
Home » , , , » Efeito nos gadgets de publicidade no blog puro css movimento blog e blogger

Efeito nos gadgets de publicidade no blog puro css movimento blog e blogger

0
Colocar efeitos  movimento  nos gadgets   do  blog, puro  css coloridos  sevem  como  personalização   para   seu  blog.   sempre  que  o  mause  é  passado   por  cima   dos  gadgets  é  gerado   o  efeito , você  tem  publicidade   que  permiti   isso,  pode  ser  um  bom  negocio  para   você   e   seu   blog   deixando o  blog  mais  chamativo.  se  você   gosta   de  personalização   isso  pode   ser  útil  para  você.   você   também  pode  encontrar   outras   coisas   aqui  para  personalizar   seu   blog,  como  botões   pop up caixas   de
pesquisa   e  muitas  outras   coisas.   bom  deixa   de    papo  e   vamos   ao   tutorial  que é  bem  rápido  e   simples   de   se  fazer,   siga  os  passos  abaixo   e   estale   em   seu  blog.


Demo

Copie   o  código   abaixo  e   estale   dentro  de  um  gadget java script na  lateral  do   blog  




Se não  funcionar  assim  retire  do  código essas  partes  <style>   </style>  do  começo  e  do  fim 
 
E      em  HTML  expandir  modelo de wadgets e  cole  o  código  acima  de ]]></b:skin>
 
E  salve  
 
Agora  vamos  aos  códigos  nos  gadgets  adicione  onde  preferir,  diferentes   tamanhos

As  imagem  terão  que  ter  o tamanho  indicado  a   cada  código 

Para   alterar   as  cores  troque   essa  parte ad8  por  outras  referente   a  cada  cor

Exemplo 7 ,6, 5, 4, 3 numero

 

125x125 código  4  anúncios


<center>
<div id="bsap_125" class="bsap_125 bsap">
<a href="link URL" class="ad1" title="Ad Title" id="bsa_1451626" target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 125 "width =" 125 "/> </a>
<a href="link  URL" class="ad2 even" title="Ad Title" target="_blank"> <img src = "IMAGE URL"alt =" AdName "height =" 125 "width =" 125 "/> </a>
<a href="link  URL" class="ad3" title="AdTitle" target="_blank"> <img src = "IMAGE URL "alt =" AdName "height =" 125 "width =" 125 "/> </a>
<a href="link  URL" class="ad4 even" title="Ad Title" target="_blank"> <img src = "IMAGE URL"alt =" AdName "height =" 125 "width =" 125 "/> </a>
</div></center>


código de cima  na caixinha abaixo 


468x60 código  anuncio


<center>
<div id="bsap_468" class="bsap_468 bsap">
<a href="link  URL" class="ad5" title="Ad Title" id="bsa_1451626"
target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 60
 "width =" 468 "/> </ a>
</ Div>
</ Center>

código de cima  na caixinha abaixo


728 x90 código  anuncio


<center>
<div id="bsap_728" class="bsap_728 bsap">
<a href="link URL" class="ad6" title="Ad Title" id="bsa_1451626"
target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 90
 "width =" 728 "/> </ a>
</ Div>
</ Center>

código de cima  na caixinha abaixo


336x280 código  anuncio 


<center>
<div id="bsap_336" class="bsap_336 bsap">
<a href="link  URL" class="ad8" title="Ad Title" id="bsa_1451626"
target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 280
 "width =" 336 "/> </ a>
</ Div>
</ Center>

código de cima  na caixinha abaixo



Imagem url vai a  imagem código png
Link url vai  os links destinos

Salve tudo  se   estiver visualizando  tudo  certo


 
Os 4  anúncios  na  lateral são  de  125x125



468x 60 é  o  anuncio verde claro 



728x90 e  o  anuncio  laranja



336x280 e  o   anuncio  verde  grande

0 comentários:

Postar um comentário