Imagens para afiliados
Heey, tudo bem? Bom, hoje ou estou inspirada, com vontade de postar250x50
50x250
50x50
Então é isso, comentem se gostaram, beijos <3
<center><a href="URL do blog afiliado" none;="" target="_blank" text-decoration:="" title="Nome do Afiliado"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="URL da imagem do afiliado" style="opacity: 0.5;" /></a></center> Se você quiser que a imagem comece sem opacidade e quando passar o mouse em cima, assim:
<center><a href="URL do blog afiliado" none;="" target="_blank" text-decoration:="" title="Vaga"><img class="borderimage" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4H0B13fTW33xN_5O-21wieJmPpLrDmbKxNXsbIK4wBMZMFULww_9_AydmwOfCGaLYS2cUFP9xan5utChdM7Wq4ezNXge4HwoBtH9WtdlIYUrQOlOzqWmHFZXMQIbUjMJDSBEcxxmEJh4/s1600/we+afiliado1.png" style="opacity: 0.5;" /></a></center> Pronto! Aqui você pode encontrar algumas imagens de minha autoria.
Agora, pare conseguir o código dos links, deixe a janela aonde você está criando o gadget e vá em nova postagem e escreva todos os links, agora clique em HTML e copie o código que está lá, assim:<div class="divspoiler"><img src="URL DA IMAGEM" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" /></div><div><div class="spoiler" style="display: none;">Aqui o código dos links</div></div>
Se você quiser colocar mais afiliados, cole depois do nome do afiliado esse código:<script language="JavaScript" type="text/javascript">function openDir( form ) {var newIndex = form.fieldname.selectedIndex;if ( newIndex == 0 ) {alert( "Please select a location!" );} else {cururl = form.fieldname.options[ newIndex ].value;window.location.assign( cururl );}}</script><form name="form" id="form"><select style="width: 100%;font-family:corbel; text-align: center; font-size: 11px; border: 2px solid #c71585 ;/* cor da borda */ font-size:13px ;/*tamanho da fonte */ background: #FFFAFD " /* cor de fundo */name="fieldname" onchange="openDir( this.form )"><option />Confira todos os Afiliados<option style="background:#fffaf0;/* cor de fundo do afiliado*/ color: #000000; /* cor da letra*/" value="LINK DO AFILIADO" />NOME DO AFILIADO<option style="background:#ffdab9; /* cor de fundo de outro afiliado color: #000000; " /* cor da fonte /* value="LINK DO AFILIADO" />NOME DO AFILIADO</select></form></center>
</center>
<option style="background:#fffaf0;/* cor de fundo do afiliado*/ color: #000000; /* cor da letra*/" value="LINK DO AFILIADO" />NOME DO AFILIADO
<option style="background:#ffdab9; /* cor de fundo de outro afiliado color: #000000; " /* cor da fonte /* value="LINK DO AFILIADO" />NOME DO AFILIADOE pronto, é só ajustar as cores (aqui tem uma tabela)