[+/-]

Ingressos homepage expansível

Algum tempo atrás vimos como conseguir isso, nas páginas de etiquetas para mostrar apenas os títulos pós, permitindo que eles cliquem em veria completa.

Foram várias pessoas têm me perguntado sobre como fazer isso, mas na home page.


Isso eu tenho conseguido com uma ligeira modificação do código no "truque" original, ainda pode ser exibido sem problemas em ambas as páginas ao mesmo tempo.

Nós supomos que você não implementou o "truque" acima mostrando os títulos "recolhidos" nas páginas de etiquetas.
[1] Nós baixei o script que você precisa para executar o efeito, descompactá-lo e enviá-lo a um alojamento adequado para o seu url.
[2] Vamos Editar HTML do nosso painel e marque a opção "Expandir modelos de widgets" colocar a url do script nesse código e então você vê, 
antes de
 </ head>:

src = "URL_DEL_SCRIPT 'type='text/javascript'> <script </ script>
type='text/javascript'> <script
função toggleIt (id) {
    post = (id) document.getElementById;
    if (post.style.display! 'none' =) {
        'None' = post.style.display;
    Else {}
        Post.style.display ='';
    }
}
</ Script>

[3] agora localizar o código é escrito em preto, e adicione o código que está escrito em vermelho, colocado como se vê aqui, ou seja, o código preto já está no modelo e que o código é vermelho que é adicionado:


id = var='top'> 'main' <b:includable
  <! - Posts ->
  id='blog-posts'> <div
    valores = 'data: posts' var='post'> <b:loop
      <b:if cond='data:post.dateHeader'>
            > class = 'date-header' <h2 <data:post.dateHeader/> </ h2>
      </ B: if>
dados cond = ': <b:if blog.pageType != "static_page"'>
== Cond = 'data: data:blog.url'> cond='data:blog.pageType blog.homepageUrl
     dados cond = ': <b:if blog.pageType != "item"'>
             name='PeekABooPost'/> <b:includable 'post' data =
     <b:else/>
              name='post'/> <b:includable 'post' data =
            </ B: if>
      <b:else/>
name='post'/> <b:includable 'post' data =
 </ B: if>

[4] Vamos usar a pré-visualização antes de salvar, então você deve ser visível apenas títulos pós precedida por uma [+/-] na home page.

Si ya tenemos aplicado el "truco" en las páginas de etiquetas y queremos añadirlo también en la página principal del blog:

[1] Localizaremos esta parte del código:

<b:includable id='main' var='top'>
  <!-- posts -->
  <div id='blog-posts'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

      <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>

        <b:include data='post' name='post'/>

      </b:if>

[2] Y añadiremos ahí la parte que está resaltada en color rojo:                                            

<b:includable id='main' var='top'>
  <!-- posts -->
  <div id='blog-posts'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

      <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>

        <b:include data='post' name='post'/>

      </b:if>
</b:if>

fonte e créditos:
http://elescaparatederosa.blogspot.com/


post original: \/


:::

[+/-]

Entradas expandibles en la página principal

Hace tiempo habíamos visto la forma de lograr que, en las páginas de etiquetas se mostrasen solamente los títulos de las entradas, permitiendo que al pinchar sobre ellas se viesen completas.

Han sido varias personas las que me han preguntado sobre la forma de hacer esto mismo, pero en la página principal.


Esto lo he conseguido con una ligera modificación del código en el "truco" original, incluso pueden mostrarse sin problemas en ambas páginas al mismo tiempo.

Partiremos de la base de que no tenéis implementado el "truco" anterior que mostraba los títulos "recogidos" en las páginas de etiquetas.

[1] Nos descargamos el script que necesitamos para hacer funcionar el efecto, lo descomprimimos y lo subimos a un alojamiento adecuado para obtener su url.

[2] Vamos a Edición de HTML de nuestro panel y marcamos la opción "Expandir las plantillas de artilugios" colocamos la url del script en este código y de esta manera que veis, antes de </head>:

<script src='URL_DEL_SCRIPT' type='text/javascript'></script>
<script type='text/javascript'>
function toggleIt(id) {
    post = document.getElementById(id);
    if (post.style.display != 'none') {
        post.style.display = 'none';
    } else {
        post.style.display = '';
    }
}
</script>

[3] Localizamos ahora el código que está escrito en color negro, y añadimos la parte del código que está escrita en color rojo, colocada tal cual se ve aquí, es decir, el código negro ya está en la plantilla y el código rojo es el que se añade:


<b:includable id='main' var='top'>
  <!-- posts -->
  <div id='blog-posts'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>
<b:include data='post' name='post'/>
 </b:if>

[4] Usaremos la vista previa antes de guardar, pues ya deberían ser visibles solo los títulos de las entradas precedidos de un [+/-] en la página principal.

Si ya tenemos aplicado el "truco" en las páginas de etiquetas y queremos añadirlo también en la página principal del blog:

[1] Localizaremos esta parte del código:

<b:includable id='main' var='top'>
  <!-- posts -->
  <div id='blog-posts'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

      <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>

        <b:include data='post' name='post'/>

      </b:if>

[2] Y añadiremos ahí la parte que está resaltada en color rojo:

<b:includable id='main' var='top'>
  <!-- posts -->
  <div id='blog-posts'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
            <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>

      <b:if cond='data:blog.homepageUrl != data:blog.url'>
     <b:if cond='data:blog.pageType != "item"'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
             <b:include data='post' name='PeekABooPost'/>
     <b:else/>
              <b:include data='post' name='post'/>
            </b:if>
      <b:else/>

        <b:include data='post' name='post'/>

      </b:if>
</b:if>