Tutorial - Botão de mais/menos no blog (Pedido)

Bom dia
Mais um dia!! E eu não aguento mais , quero escolar , por mais que seja estranho. Eu não quero mais ficar neste lugar , parece que tudo soa muito ruim pra mim , e ás vezes , bate uma solidão no peito. Dizem que devo tá com depressão. Mais como uma moça bonita dessas fica com depressão? Ficando uai. Aqui não tenho amigos , e na verdade nem família , você fica izolada sem poder sair de casa , e isso se torna cada vez mais pessado pra você.

Nenhum ser humano é perfeito , por que se formos perfeitos o tempo todo, um dia vai quebrar a cara. Você pode ter dinheiro , mais não pode comprar a felicidade. Você pode ter uma bela casa , mais nunca terá uma amizade. Por que pessoas usam você e é o que fazem comigo o tempo inteiro. Odeio ter sentimentos , mais fazer o que sou humana.
Pediram um tutorial do botão mais de afiliados , depois de tanto procurar achei apenas esse , eu não fiz previa por que meu blog de teste tá um saco , mais é bem fácil garanto que esse vale a pena também , não é perfeito , mais dá uma aminizada. Perfeito vamos lá?
Seu primeiro passo é já ter os afiliados pronto , e se você quer colocar muito mais , e fica muito grande na sua sidebar , então você vai colocar esse mais/menos , que quando você clica desce e quando clica de novo sobe , fechando todos os afiliados , vamos lá :

01. Vai em adicionar java/script ,e faça seus afiliados ai no meio de muito afiliados coloque :

<div class="divspoiler"><img src="URL DA IMAGEM DO MAIS/MENOS" 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 ou imagens do resto dos afiliados
</div></div>
</div></div>
Colocou? Beleza , o que está sublinhado você vai colocar a URL da sua imagem , essas que estão ai embaixo ou qualquer uma outra. Depois onde está escrito Aqui o código dos links ou imagens do resto dos afiliados você vai colocar o resto dos afiliados dentro. Entendeu? ótimo , agora clique e salve. Fácil né? E para te deixar mais feliz , fiz alguns dessas imagens para você , mais se ligue , são só exemplos , se vocês quiserem outros é só pedir , isso é só a amostra.

02. Ótimo , depois de ter feito isso , vocês veram agora , alguns modelos. Podem escolher qualquer um , e se gostar de algum , eu vou personaliza-lo pra você , deixe no comentário o número do que você deseja , e se quiser que eu coloque alguma imagem , deixem a URL nos cometários ,e se quiser com o fundo de alguma cor ou transparente é só dizer tudo no comentário que eu trago pra você :

Modelo 1


 Modelo 2


Modelo 3

Modelo 4

Modelo 5

Modelo 6

Modelo 7

Modelo 8

Modelo 9

Modelo 10





Se desejarem algum , já sabe a quem recorrer.

4 comentários:

Olá , antes de você comentar , existe regras e gosto de pessoas que respeitem.
- Não fale nenhum palavra
- Aqui é proibido ofender as pessoas
- Não coloque comentários anônimos , se você tem medo , não comente
- Aceito Tags , Celinhos , etc ..

Regras básicas , porém , precisam saber que aqui é um lugar de paz. E eu não quero brigas , a não ser que de alguma form aja. Espero que gostem do blog , e se quiserem seguir , fiquem a vontade. Ate~ (Agora comente).