18 de abr de 2009

Expandindo cada widget do blog

Para ter widget do seu blog expandível como neste blog, primeiro copie o título do widetg que vc quer expandir. Agora vá até o HTML do seu blog e clique em "Expandir modelos de widget".


Agora em seu teclado, clique na tecla F3 e cole aí o título do widget

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.







Encontrou ? Bom, agora um pouco abaixo você verá um código assim:

<b:includable id='main'>


Cole abaixo dele este código:


<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>


*Preferindo uma imagem, troque o código em roxo por este código abaixo e coloque aí o endereço da imagem.

<img src="ENDEREÇO DA IMAGEM"/>

Agora um pouco mais abaixo, procure por este código:

<div class='widget-content'>

Agora embaixo dele cole este código abaixo.



<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>




Agora, mais abaixo procure por este outro código:

<b:include name='quickedit'/>

E cole acima dele este código.


<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>


Agora visualize, se deu tudo certo, é só salvar.

Exemplo de como o código deverá ficar
O código em preto é o que deverá ter no HTML do seu blog, e a parte em vermelho é a que voC~e irá inserir. Deverá ficar assim:


<b:widget id='Text1' locked='false' title='Do coração' type='Text'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById(&quot;' + rnd + '&quot;); tmp.style.display = (tmp.style.display == &quot;none&quot;) ? &quot;block&quot; : &quot;none&quot;; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<data:content/>
</div>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Obrigada Scaparate de Rosa

11 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. Elke, esquece o que escrevi acima. Vou ficar com um blog só mesmo. O que aconteceu foi que eu não paro de fuçar nas suas coisas, ah, ah! E fiz meu próprio template com o crédito todo seu, é claro. A pobre aqui não teria como pagar um exclusivo, né? Então peguei aquele modelo que vc fez pro povo criar em cima como bem entender. Pois não é que consegui? Aliás, conseguimos, né? Muuuuuuuitoooooo obrigaaaaaaaaaaaada! Se eu disser que ficou lindo não vale porque o blog é meu. Mas está lá pra quem quiser ver e conferir. Beijão.

    ResponderExcluir
  3. Elke, meu esposo disse que meu blog deveria se chamar "Luz-em-Flor Mutante". Eu não paro de modificar. Faço até mais modificações que posts. Mas o que vc tem a ver com isso? Muita coisa, vc dá dicas, né? Eu vou lá e mexo e aprendo uns truques aqui e alí, é muito bom! Agora, visintando outros blogs, encontrei um que oferece backgrounds de graça. E se é de graça eu pego, né? Afinal 0800 é comigo mesmo. KKKK!!! Fazer o quê... Tá aqui o endereço pro pessoal (se é que vc já não tenha dado), valeu?
    Beijão!
    http://www.thecutestblogontheblock.com/free-backgrounds

    ResponderExcluir
  4. Elke, como fazemos para o resultado de uma pesquisa de buscador sair dentro do próprio blog com o conteúdo só dele?

    ResponderExcluir
  5. achei o que procurava!!! Graças a Deus funcionou certinho ;) Obrigado...

    ResponderExcluir
  6. Prezada Elke,

    Abusando da sua boa vontade, como eu poderia adaptar esse widget, para funcionar como "continue lendo", ou seja um titulo e uma relação de 10 links ai entraria [+/-] para expandir e mostrar o restante dos links.

    Obrigado
    Luiz

    ResponderExcluir
  7. Elkeeee!
    Reverencias minhas rainha!Você é show menina!
    Muito grata!
    As mulheres bombando na bloggsphera!!!
    Aplausos queridona!

    Adorei somente tenho medo de ficar com o blog pesado!
    Mas adoreiiii!
    Te amooo!!!

    ResponderExcluir
  8. Olá,
    Gostaria que vcs me ajudassem, eu não consigo deixar que os comentários apareçam logo após a postagem, sempre fica só aparecendo tipo 1 comentário e ai tem que clicar pra ler, eu gostaria de que aparecesse direto. Já coloquei todas as configuracoes certas na area de comentarios, será o meu template?
    Por favor me respodam e me ajudem no email sumaya_barreiro@hotmail.com
    Obrigada

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube