Adicionar funcionalidade ao Blogspot

Resultado Final é algo deste género

Show/Hide

Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show



Como conseguir esta funcionalidade:

1. Definir estilos CSS no template

Customize->Template->Edit HTML
.posthidden {display:none}
.postshown {display:inline}


2. Definir bloco de código javascript dentro do header desse template
   

«script type='text/Javascript'»
function expandcollapse(postid) {
whichpost = document.getElementById(postid);
if (whichpost.className=="postshown") {
whichpost.className="posthidden";
}
else {
whichpost.className="postshown";
}
}
«/script»

3. Criar no post a seguinte estrutura


Resultado Final é algo deste género

«a onclick="javascript:expandcollapse ('blck1')"»Show/Hide«/a»
«span id="blck1" class="posthide"»
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
Hide show hide show Hide show hide showHide show hide showHide show hide show
«/span»

NOTA: substituir o « por MenorQue e o » por MaiorQue devido a limitações do editor tive que os colocar desta forma para poderem ver código html

Da Beguine

Ora como pelos vistos pegou a moda do blog, eu não queria ser acusado de ser o último a "jump in the train" portanto cá está um blog que espero eu venha a ser de alguma utilidade.

Rumo a seguir:

-Irei postar soluções de alguns problemas em que eu esteja a trabalhar de forma a possivelmente ajudar alguem que os venha eventualmente a ter, ou mesmo a mim que me esqueço de tudo e mais alguma coisa :D

-Possivelmente alguns insultos a uns membros que eventualmente virão cá postar as bacoradas do costume ( ouviram cryo e sleeper isto é pra vcs :P )

-I dounte nou, anidingue fani or uatebére