 |
Usuario: Ingresar |
Blog de diseño gráfico, informática, tecnología y cultura política.
 |
| Dirección URL | http://cgnauta.blogspot.com/ Registrado:1202274300 |
Compartir:
|
|
 Enviar a email | Expandir / Contraer Comentarios de Blogger con JQuery: Efecto deslizante en General |  Por matius
el 31-Dec-1969 | 
Esto es un replanteamiento evidente y aplicación del anterior tutorial del archivo del blog, pero aplicado a los comentarios del blog, parece que será hacer exactamente lo mismo, usando incluso el mismo script, por desgracia esto no es así, tendremos que agregar un script con diferentes clases para que funcione el archivo y los comentarios a la vez.
En términos generales la estructura del agregado se verá como en la imagen de abajo, donde se muestra el texto Mostrar Commentarios - Comentar o el que deseen agregar:
Y al aplicar el script debe verse así:
Como ya dije anteriormente, no voy a poner imágenes de cada paso, porque es de verdad agotador para mí todo ese trabajo de edición, que me lleva algo de tiempo editar captura por captura.
*Antes que nada respalde su plantilla.
Modificando Archivo:
Vamos a la plantilla en Diseño - Edición de HTML, marcamos Expandir plantilla de artilugios y buscamos la etiqueta de apertura del <include>:
<b:includable id='comments' var='post'> Justo despues pegamos el siguiente fragmento de código (Puede cambiar el texto marcado en amarillo):
<b:if cond='data:blog.pageType == "item"'>
<div class='cuerpo_list'>
<h2 class='cuerpo_cab'>▼/▲ Mostrar Comentarios - Comentar</h2>
<div class='cuerpo_com'> Ahora tenemos que bajar hasta que encontremos la tag de cierre </b:includable> -los comentarios tienen un código bastante grande- y justo antes pegar el siguiente código:
</div>
</div>
</b:if> Guardamos la plantilla y desmarcamos Expandir plantilla de artilugios.
Ahora agregaremos el CSS y el código Java Script:
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css"><!--
/* Comentarios expandir contraer */
.cuerpo_list {
margin: 0px;
padding: 0px;
width: 100%;
}
.cuerpo_cab {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#FFF;
margin:0px;
font-size:17px;
text-align:center;
}
.cuerpo_com {
padding: 5px 10px 15px;
/*background-color:#F4F4F8;*/ /* Quite signos de comentarios CSS para establecer un color de fonfo */
}
/* Fin Comentarios ex cont */
-->
</style>
<script type="text/javascript">
$(document).ready(function()
{
//ocultar todos los elementos con class cuerpo_com
$(".cuerpo_com").hide();
//alternar componentes abierto cerrado class cuerpo_com
$(".cuerpo_cab").click(function()
{
$(this).next(".cuerpo_com").slideToggle(600);
});
});
</script>
</b:if> Si han usado condicionales, este código es exclusivo para las páginas de posts, por lo que si tienen condicionales, métanlos en el <style> css... </style> correspondiente a la condicional <b:if cond='data:blog.pageType == "item"'> para que solamente se muestre en páginas interiores.
Por último buscamos la etiqueta <b:skin> y justo antes pegamos:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/> Ver el script implementado aquí.
Leído 1 veces
|
|
 |
 | Blog And Web |  Blogueros | Tecnologia aplicada a weblogs, wordpress,plantillas y photoshop. Blog and Web Recursos para Blog y Web |
| Administrador de comentarios en Blogger |  Blogger ha alcanzado su onceavo aniversario y lo estrena con una nueva función, una de las más solicitadas: Un administrador de comentarios. El sistema no pasó por Blogger in Draft, y esta siendo incorporado directamente a Blogger pero de manera gradual.
Por lo dicho en Blogger Buzz, al panel se agrega una nueva pestaña de “Comentarios“, [...] [..] Leer nota completa | | Publicado 11-Aug-2010 por Francisco en BloggerAniversario BloggerComentariosspam
Leído 8 veces. Más resultados en    |
|
| Desde Algún Lugar De Buenos Aires | Buenos Aires | Un blog sobre la aventura diaria de ser mujer, laburante, artista, estudiante, internetadicta, madre de familia... y vivir en una ciudad como Buenos Aires. Y bueh, no es fácil ser yo! Desde algun lugar de Buenos Aires |
| Una casa deslizante en las afueras | | Con la ayuda de un arquitecto amigo de la infancia, Ross Russel ha decidido construirse la casa de sus sueños junto al bosque de Suffolk, en Inglaterra. El resultado es un edificio que se desliza y despliega en varios módulos y que permite a la familia Russel cambiar la configuración de su hogar en función de sus necesidades. De esta forma, pueden aprovechar el so [..] Leer nota completa | | Publicado 01-Mar-2009 por aberron en General
Leído 7 veces. Más resultados en |
|
| Salud Y Medicina | San Felipe | Espacio que promociona todo lo nuevo e innovador que acontece el el Mundo de la Ciencia Medica SALUD Y MEDICINA Portal Educativo que divulga lo mas Actual e Innovador de la Ciencia Medica. |
| Como Reducir el Riesgo de Contraer el VIH | | Tomando un antirretroviral diariamente cuando no se está infectado con el VIH puede reducir el riesgo de contraer este Virus de Inmunodeficiencia Humana, causante del sida, hasta en un 73%, según... Leer nota completa | | Publicado 31-Dec-1969 por JesusGutierrezD@gmail.com (Dr. en MedicinaSalud
Leído 2 veces. Más resultados en |
|
|
Advertencia YAAQUI.COM no verifica la veracidad de la información publicada y no se responsabiliza
por el uso que se le de a la infomación del contenido publicado en los feeds y weblogs independientes.
Las opiniones vertidas en este sitio no necesariamente son nuestras. Nos reservamos el derecho de
remover cualqueir material que consideremos inconveniente.
|
|
| |
Hola, Invitado
En línea: 275 visitantes
+ fotos
