Código dos gadgets

Aqui é onde coloco os códigos, esse layout é mais clean então não vai ter tanta coisa mirabolante, vamos começar logo com essa bagaça:
1º Gadget: Deixe sem nome
<a href="LINK-DO-SEU-BLOG"><img class="opy" src="IMAGEM"/></a>
Pra fazer a imagem, usei essa fonte e a cor #dbdcbe no tamanho 40px, caso não queira baixar a fonte, não se preocupe, ela está junto com o Download do Layout.

2º Gadget: Bem vindos
<div style="position:absolute; margin-left: 275px; margin-top: -7px; background: #transparent;">
<a href="LINK"title="NOME"><img src="http://static.tumblr.com/qqvkww7/jdQlz92b3/transparent.png" class="social2" /></a><br/>
</div>TEXTO
Se quiserem aumentar o número de corações, é só repetir a linha destacada.

4º Gadget: Afiliados
<a href="LINK" title="Vaga"><img class="pulsar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwt9rNXysdNlA4IDKrc8AevD9h0IxLwqSCU31wlV0-oFERrrNI3el_VM3E-z3Ux3P95rjc9pnVWKydaq8UQMa8SFguc4VDP96YeyBVxDtarZk4V36go4WAoqbJjHNC5fk_AtYL8C0Ty2A/s1600/afilias1.png"/></a>
Esse primeiro código são os corações, se quiser mais é só repeti-lo, no meu caso, repeti quatro vezes, mas você pode repetir quantas quiser.
<form><select onchange="window.open(this.options[this.selectedIndex].value)"style=" margin-top: 1px; width: 270px; height: 18px; text-align: left; color: #fff; text-shadow: 1px 1px 0px #7cca9d; font-family: verdana; font-size: 10px; background: #a5deb4; border: 1px solid #fff; " name="links"><option selected/>Mais afiliados
<option style=" value="link"/>Vaga
</select></form>
Esse segundo código é o menu verde que aparece quando você clica com "Mais afiliados", se quiser colocar mais é só adicionar o que está em negrito ANTES do cógigo </select></form>. Deixei-o separado pra vocês identificarem melhor.

5º Gadget: Marcadores
<div id="menuca">
<div class="menuca"><a href="LINK" >NOME</a></div>
<div class="menuca2"><a href="LINK" >NOME</a></div>
<div class="menuca"><a href="LINK" >NOME</a></div>
<div class="menuca2"><a href="LINK" >NOME</a></div>
<div class="menuca2"><a href="LINK" >NOME</a></div>
<div class="menuca"><a href="LINK" >NOME</a></div>
<div class="menuca2"><a href="LINK" >NOME</a></div>
<div class="menuca"><a href="LINK">NOME</a></div>
<div class="menuca"><a href="LINK" >NOME</a></div>
<div class="menuca2"><a href="LINK" >NOME</a></div>
<div class="menuca"><a href="LINK" >NOME</a></div>
<div class="menuca2"><a href="LINK" >NOME</a></div></div>

6º Gadget: Até Mais

<a href="http://diario-otome.blogspot.com.br/" title="Diário de uma Otome">DdO</a> | <a href="http://chuvadehtml.blogspot.com.br/" title="Chuva de HTML">CdH</a> | <a href="http://www.gnm-h.com/" title="Garota no Mundo HTML">GNMH</a> | <a href="LINK" title="Chá & Cupcake">C&C</a> | <a href="LINK" title="Chá com Anjos">CcA</a> | <a href="http://webunny.blogspot.com.br/" title="Bunny Crazy">BC</a>.

Sim, eu só deixei os códigos de créditos no último gadget, o resto é texto comum mesmo.

Nenhum comentário:

Postar um comentário