¿Cómo puedo mostrar/ocultar mis Post (entradas) en Blogger? (Modo Peek-a-boo)

October 23, 2008Blogger, Links Interesantes, Otros Accesorios, Personaliza Código, Plantillas, Plataformas, Post, Post, Trucos Script/Plugin/WidgetBlogger, boo, entradas, mostrar, ocultar, peekpatriram

Así quedarán las entradas de nuestro blog, una vez que hayamos seguido los pasos. Solo hagan click en [+/-], para que vean como se despliega el resto del post que esta oculto.

Ejemplo:

.posthidden {display:none}
.postshown {display:inline}

Esta entrada es larga

Bueno, es verdad, no es tan larga. Pero es que no tengo mucho que decir. Sin embargo, debería incluir por lo menos un párrafo bastante largo aquí para que se haga una idea de cómo funciona esta opción. ¿Alguien conoce algún chiste bueno? Venga, seguro que sí. ¿Tengo que hacerlo todo yo solo? Me temo que sí. Lo cierto es que no me importa, porque tampoco tiene mucho sentido extenderse demasiado. Retroceda y lea el resto del artículo. (puede hacer clic en el siguiente vínculo para volver a ocultar esta entrada).

[+/-] mostrar/ocultar esta entrada

Con la implementación de este script no es necesario que el lector cargue una nueva pagina para ver el resto de la entrada. Solo tendrá que pinchar en el [+/-] y listo. Mucho más rápido que cargar una página de nuevo. Si quieren en vez de [+/-] pueden colocar cualquier cosa, una imagen, otras palabras como leer mas… , o pueden simplemente dejar solo el título de la entrada.

Continue reading ¿Cómo puedo mostrar/ocultar mis Post (entradas) en Blogger? (Modo Peek-a-boo) →

Entradas expandibles en los resultados de las etiquetas

October 22, 2008Blogger, Otros Post, Personaliza Código, Plantillas, Plataformasdesplegar, entradas, etiquetas, expandibles, personalizar, Resultados, tagspatriram

Para que los post (entradas) de las etiquetas solo se vea el titulo tienes que seguir los siguientes pasos:

1º entrar a diseño, edición HTML y antes de </head> añadimos el siguiente código:

<!--
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
// -->

2º En el paso 2 tendremos que buscar el texto que les muestro escrito en negro y añadir lo que esta en colo rojo exactamente Como se muestra Aquí

Como resultado de esto, obtendrán algo así:

Como cambiar la plantilla del blog en Blogger sin perder nada de la sidebar

October 21, 2008Blogger, Otros Post, Plataformaselchido

Un problema que tenemos todos cuando vamos empezando un blog por primera ves, es que cambiamos nuestra plantilla barias beses y al hacerlo se borra todo o la mayoría de lo que teníamos en la sidebar. Para resolver este problema solo sigue los siguientes pasos:

(Paso-1) vamos a edición HTML de nuestra plantilla (sin expandir plantilla) buscamos el siguiente código:

<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>

Debajo de este código encontraremos el código de todos los widgets que tenemos situados en la sidebar de nuestro blog:

Todos los widgets de nuestra sidebar están entre el primer código que localizamos y </b:section>

(Paso-2) El siguiente paso es copiar todos los códigos de los widgtes y pegarlos en el blog de notas o en worpad.

(Paso-3) Como paso 3 y ultimo, ponemos la nueva plantilla y antes de guardar pegamos los códigos de los widgets que guardamos en el blog de notas o en el worpad debajo del primer codigo que buscamos y antes de </b:section> y guardamos la plantilla.