[+/-] | Ingressos homepage expansível |
Recorda
embora eu tente os "truques"
Antes de fazer alterações
SEMPRE manter sua equipe
Nunca é seguro
tudo vai bem ...
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.embora eu tente os "truques"
Antes de fazer alterações
SEMPRE manter sua equipe
Nunca é seguro
tudo vai bem ...
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>[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:
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>
id = var='post'> 'PeekABooPost' <b:includable
class='post uncustomized-post-template'> <div
<Td width = <table> '40px '>
<A expr: onclick = "javascript: toggleIt (\" "+ dados: post.id +" \ ");"' href = 'javascript: void (0)' style = 'text- Decoração: 'title =' none Display esta entrada'>[+/-]</ a> </ td>
<H3 class = <td> 'pós-título'> <a expr:href='data:post.url'> <data:post.title/> </ a> </ h3> </ td> </ tr > </ table>
class='post-body' div expr:id='data:post.id' style='display:none'>
<p> <data:post.body/> </ p>
<div style='clear: both;'/> <-! claro para fotos floats ->
</ Div>
</ Div>
</ B: includable>
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 != "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>
</b:if>
fonte e créditos:
http://elescaparatederosa.blogspot.com/
post original: \/
:::
[+/-] | Entradas expandibles en la página principal |
Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
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.que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
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>[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:
<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>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>
<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 != "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>
</b:if>
Nenhum comentário:
Postar um comentário
Mensagem do formulário de comentário: