5.3.12

Como esconder os afiliados *Estilo como esconder C-box*

424340_323159161069893_187687457950398_976521_877008651_n_large.jpg (400×267)
oooi gatinhos e gatinhas,
bom gente, hoje eu vim trazer um tutorial de como esconder os afiliados e mostrar através de um clique em uma imagem. É uma espécie de menu suspenso, só que feito com uma imagem, que oculta e mostra a lista de links ao ser clicada. Créditos do tutorial ao Trechy Teen .
Clique nessa imagem na sidebar .



Para ver o tutorial clique em READ MORE (:



Primeiro você vai na sua página de Design, e cria um novo Gadget de HTML, e nele você cola o seguinte código:
<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>
Deixe a janela do gadget minimizada, e crie uma postagem rascunho em seu blog, ou então coloque no WordPad o html dos afiliados. Assim, crie uma imagem para a pessoa clicar e abrir os afiliados. Pode ser no Photoscape ou em qualquer outro programa. Salve e abra os Imageshack ou outro site de upload de imagem que você conheça.
Pegue o link direto da imagem e substitua o texto em azul pelo link da imagem. E no texto em amarelo substitua pelo html dos afiliados.
É isso gente, parece complicado, mas é bem fácil viu .

E se você quiser ocultar outro gadget, por exemplo, o ........ não sei . O gadget que quiser ocultar, você pode ocultar.
Outro dia eu posto mais um tuto.
Beijos fofoletes :8

5 comentários:

Charme na Veia | Com Babi disse...

*-* Realmente é bem fácil do o bom desse tuto é que serve pra tudo hehe. XOXO :3 charmenaveia.blogspot.com

! Lyah ! disse...

Adorei o tuto, fica muito legal!

Princesa Imperfeita.

Ágata Rafaely disse...

Oiiie'
É a primeira vez que dou as caras pelo seu blog e ADOREI.É muito legal.Beijos


Seguindo aqui,passa lá pelo meu?
http://mundophoradagua.blogspot.com/

Bella Lautner disse...

Obrigada pelo tuto! É muito útil e eu já estava procurando faz tempo, e foi só aqui que eu achei ^^

Bjs, Bella.
bellasblogofficial.blogspot.com
kris-bians.blogspot.com
midday-moon.blogspot.com

Diú Sampaio disse...

Haiii, adorei teu blog, ta super fofinho *-*

Da uma passadinha lá no meu, e me diz o que achou ok? :3


Bjinhus Diu ~

ousadateenblog.blogspot.com.br/