Listado

1. The Netherlands is a country in ...
2. The United States of America is a federal constitutional ...
3. The Philippines officially known as the Republic ...
4. The United Kingdom of Great Britain and ...

Paginación

No he encontrado ningún sistema que se adapte totalmente a las necesidades. No obstante el elegido funciona bastante bien con las salvedades que se señalan más adelante.

Su origen es el script de Abu-Farhan (ver) con estilos que pueden personalizarse. Hay que seguir las instrucciones que se señalan allí, y además tener en cuenta lo siguiente:

1. Si ponemos el script en plantilla hay que señalar la dirección en el navegador y copiar el texto del script integramente. En la plantilla debe ir de la siguiente forma:

<script type='text/javascript'>
//<![CDATA[
CONTENIDO DEL FICHERO .JS ORIGINAL
//]]>
</script>

2. Ha de coincidir el número máximo de entradas en la página principal que tenemos en Configuración/Formato y el dato de la variable "postperpage" del script. Ambos datos los podemos variar a discreción pero han de ser iguales.

3. Para que funcione en las páginas del elemento etiquetas tenemos que ir a Diseño/Edición de HTML y Expandir plantillas de artilugios. Hay que realizar una búsqueda de lo siguiente (con las comillas simples incluidas):

'data:label.url'

y sustituir cada hallazgo por lo siguiente:

'data:label.url &quot;?&amp;max-results=N&quot;'

donde cambiaremos N por el número que entradas que hemos establecido en el punto 2. anterior. Si queremos alguna vez variar el número de entradas a visualizar nos tendremos que acordar de cambiar cada una de las sustituciones que hicimos, además de cambiar lo mencionado en el punto 2.

Según el autor el script no tiene la limitación de otros anteriores, que al utilizar feeds para leer las entradas, los resultados estaban limitados a 500 entradas.

No obstante hay que señalar que no funciona en páginas individuales, en las de etiquetas que figuran al final de cada entrada y en las páginas de archivo. En todas ellas no sale la paginación sino el clásico Entradas más recientes Página principal y Entradas antiguas.

Aparte se ha localizado un fallo que de momento no se me ocurre cómo corregir: en el elemento Archivo del blog si pulsamos las entradas de un año (no de un mes) la paginación que aparece es la correspondiente a todas las entradas del blog tanto del año señalado como anteriores o posteriores.

Cargando...

Probando reedición de imágenes tras publicar post

Se publica esta imagen. Después se cambiará editándola desde Picasa mediante Picnik. Posteriormente se comprobará si los cambios han surtido efecto en la imagen, sin que cambie su url. Se reeditará esta entrada anotando los resultados.

Comprobados los cambios. La edición permite cambiar una imagen después de publicar una entrada, sin modificar ésta.

Alojar archivos ico en Google Sites y creación de favicón.

Puede servir para crear favicón (icono favorito, ese pequeño que antecede a la dirección URL en los listados o en la barra de direcciones).
A) Crear favicón.
Para crear el favicón puede hacerse en línea mediante Dynamicdrive simplemente siguiendo instrucciones.
B) Alojar favicón.
Una vez creado, el problema es dónde alojarlo ya que tiene extensión .ico y no vale cualquier alojamiento. Quizá el más seguro sea Google Sites, porque todo queda en casa y vale con nuestra cuenta de Blogger, gmail, Picassa, etc. El procedimiento es el siguiente:

1. Acceder a Google Sites y entrar en nuestra cuenta con la contraseña.
2. Pulsar en el botón CREAR SITIO. Indicar el nombre del sitio y escribir el código proporcionado, pulsar CREAR SITIO.
3. Pulsar "Editar barra lateral".
4. Pulsar "Archicvos adjuntos" del menú Contenido del Sitio.
5. Pulsar en Subir y luego en Examinar. Localizar el archivo en nuestro disco duro y pulsar Subir.
6. Una vez subido, Pulsar en Ver. La dirección del archivo es la que figura en la barra de dirección antes de la secuencia ?attachauth=. 

C) Incorporar favicón.
Para incorporar el favicón en la plantilla hay que ir a Diseño/Edición HTML y colocar el siguiente código antes de </head>:

<!-- inicio favicon-->
<link href='URL favicon' rel='shortcut icon' type='image/x-icon'/>
<link href='URL favicon' rel='icon' type='image/png'/>
<!-- fin favicon-->

donde "URL favicon" es la dirección obtenida en el paso anterior.

Tabla ensayo

Tabla de resultados

Asunto	Resultado	%
Mejora calidad de vida a minusválidos	Aumentar	54%
Seguridad: Policía y Protección civil	Aumentar	48%
Centros educativos municipales (Escuelas Infantiles)	Aumentar	48%
Administración electrónica de gran calidad	Aumentar	35%
Cubrir y climatizar piscina municipal	Aumentar	34%
Ambulancia municipal 24 horas	Aumentar	33%
Actividades deportivas	Aumentar	33%
Servicios de Biblioteca, Escuela de Música y Cine municipal	Aumentar	29%
Mantenimiento edificios municipales	Aumentar	24%
Equipos wifi para internet gratuito	Aumentar	17%
Subvencionar actividades extraescolares, campamentos...	Aumentar	13%
Actividades de la 3º edad	Aumentar	12%
Nº de personal municipal para atención al público	Aumentar	11%
Horario de apertura del punto limpio municipal	Aumentar	10%
Nuevo Punto Joven en casco urbano	Aumentar	6%
Cursos municipales: pintura, restauración de muebles...	Aumentar	5%
Nº de personal para disciplina urbanística	Aumentar	4%
Subvenciones a asociaciones culturales y deportivas	Reducir	1%
Actividades divulgativas Concejalía de la Mujer	Reducir	10%
Nueva Granja Escuela en Belvis	Reducir	14%
Información y comunicación ciudadana	Reducir	15%
Nº de personal municipal para gestión interna	Reducir	21%
Carrozas y animaciones en Carnavales y Navidades	Reducir	43%
Fiestas locales: fuegos, actuaciones, toros, etc.	Reducir	47%
Sueldo de altos cargos	Reducir	89%

Ver / ocultar: dos procedimientos

Procedimiento para ver ocultar una parte de una entrada. También se puede aplicar a un elemento del lateral u otra parte del blog. Se realiza mediante scripts que se colocan en la plantilla. Vamos a ver dos formas: efecto instantáneo y efecto deslizamiento.

1. Ver y ocultar con efecto instantáneo. ▼

Entramos en Diseño / Edición HTML, buscamos </head>. Antes de este texto se pega el siguiente script:

<!-- inicio de script para expandir y contraer -->
<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display==&#39;none&#39;) {
c.style.display=&#39;block&#39;;
} else {
c.style.display=&#39;none&#39;;
}
return false;
}
</script>
<!-- fin de script para expandir y contraer -->

El punto del elemento ver/ocultar se fija mediante la siguiente secuencia:

<a onclick="return verocultar(this);"href="javascript:void(0);">Ver/Ocultar &#9660; </a><div style="display: none;">
....... el contenido a ocultar .......</div>

por ejemplo hemos puesto la secuencia a continuación:

Ver/Ocultar ▼

Es importante que toda la secuencia esté escrita en la misma línea.
Visto en Vagabundia

2. Ver y ocultar con efecto deslizante. ▼

Es necesario tener instalado el script Prototype copiando este código antes de </head>:

<!-- inicio de script para Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!-- fin de script para Prototype y Scriptaculous-->

Al igual que el anterior método hay que insertar una secuencia que establece el enlace que muestra y oculta y el contenido a ocultar:

<a href='#' onclick='Effect.toggle("UNO","slide"); return false'>Texto enlace &#9660;</a><div id='UNO' style='display: none;'>
Aquí la parte oculta de la entrada
</div>

a continuación se pone la secuencia. Pulsar en el enlace para ver el efecto y el resto de las instrucciones:

Texto enlace ▼

La palabra UNO que aparece en el código sirve para identificar la secuencia por si ponemos más de una, por lo que para las demás hará falta otra palabra diferente.
Visto en El Escaparate de Rosa. Rosa indica como recomendable publicar desde Edición HTLM sin volver a la pestaña Redactar.
Puede aprovecharse este script para múltiples aplicaciones a investigar, por ejemplo Expandir/Contraer elementos del lateral y otros efectos como volver arriba con efectos deslizantes.

Escribir código en entradas del blog. Caja contenedora

Forma de poner códigos en entradas sin que afecte la apariencia. Alternativa a textarea. Antes de ]]></b:skin> pegar el código:

/* caja contenedora inicio */
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #dddddd;
border-top : 1px solid #555555;
border-right : 2px solid #555555;
border-bottom : 2px solid #555555;
border-left : 1px solid #555555;
}
/* caja contenedora final */

Esto nos da forma a la caja, que se puede aplicar a cualquier texto resaltado en una entrada u otra parte del blog. Pueden editarse los detalles a gusto. Después hay que insertar el contenido de esta forma:

<div class="codeview">
Aquí añadimos el contenido de la caja.
</div>

Para insertar código hay que copiarlo y después utilizar un "traductor" para pegarlo. El resultado del traductor se pega dentro de la caja creada o directamente en la entrada o elemento.
La caja contenedora vista en techieblogger a traves de gem@blog.
Los traductores mencionados que se vieron: Postable y SimpleCode. En este último si se conserva "code" se inserta con fuente courier.

Fecha actual

Poner la fecha actual en cualquier elemento HTLM. Copiar y pegar el siguiente script:

<script><!-- dows = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes", "Sábado"); months = new Array("enero","febrero","marzo","abril","mayo","junio","julio", "agosto","septiembre","octubre","noviembre","diciembre"); now = new Date(); dow = now.getDay(); d = now.getDate(); m = now.getMonth(); h = now.getTime(); y = now.getFullYear(); document.write(dows[dow]+", "+d+" de "+months[m]+" de "+y); //--></script>;

Resultado:



Visto en: Todo de Blogger

Botón volver

Copiar este código y pegar donde se quiera poner el botón:

<form><input name="Volver atrás" onclick="history.back()" type="button" value="Volver" /></form>

Prueba para comprobar que funciona:

Visto en: Ciudad Blogger

Prueba insertando desde divshare documento pdf

Insertar una presentación mediante docs

Se sube a la cuenta docs una presentación formato pps. Tambien se puede importar un ppt o bien elaborar una presentación en el propio docs. Se pulsa Compartir y Publicar/Insertar. Esto crea un enlace a la presentación y un código HTML que ha de copiarse y pegar en Edición de HTML en la entrada del blog. Hay tres tamaños y este es el pequeño:

Procedimiento para incrustar gifs animados

Hay que evitar subir los gifs desde blogger pues elimina la animación. Sin embargo hay un procedimiento indirecto que funciona:

• 
  
  Se accede a nuestra cuenta en Picasa (mismo usuario y contraseña que para blogger).
  
  
  
• 
  
  Se sube el archivo gif animado desde nuestro PC.
  
  
  
• 
  
  Se pulsa Enlace a esta foto y se copia el código de incrustar imagen.
  
  
  
• 
  
  Si queremos que se vea la animación hay que eliminar todo lo que sobra de ese código, y en esencia se quedaría algo así:
  
  <table style="WIDTH: auto"><tbody> <tr><td><img src="http://URLdelaimagen.gif" /></td></tr> </tbody></table>
  
  
  

Publicar doc en blog: procedimiento

Si queremos publicar un documento Word en el blog surge el problema de como incorporarlo para ver su contenido. Una opción es Docs de Google. Mediante esta herramienta pueden verse archivos de texto, hojas de cálculo y otros tipos de documentos. Puede que el formato no se atenga a lo que queremos pero al menos el contenido de los archivos es accesible.
Las formas de ver el documento es mediante URL o publicándolo directamente en el blog.
Se ha elaborado un documento de texto a modo de prueba. Para ver mediante enlace puede pulsarse aquí.
A continuación puede verse el resultado de publicarlo directamente en el blog. Ha de tenerse en cuenta que lo que se ha publicado es lo que va de aquí en adelante:

PUBLICAR DOCUMENTO EN EL BLOG

El proceso seguido para publicar este documento en el blog ha sido el siguiente:

• Si ya se tiene cuenta en Google, abrir Docs y poner usuario y contraseña. Como se supone que tenemos blog, serían los mismos que empleamos para administrarlo.
• Se pulsa Subir y localizamos el archivo Word en nuestro ordenador o bien se pone la dirección URL que tenga. Otra opción sería crear nuestro propio documento mediante el botón Nuevo como es el caso.
• Una vez elaborado y guardado el documento, se abre y se pulsa el botón Compartir/Publicar como página web.
• Hay varias posibilidades. Puede obtenerse una dirección URL para acceso generalizado al documento. También hay una opción para poder publicarlo en nuestro blog. Para ello pulsamos en configurar el sitio de blogs, poniendo los datos que nos piden, pulsamos Probar y si nos da correcto aceptamos. Con esto ya podemos hacer clic en Publicar en blog.
• Después de publicar este documento se puede:
• Volver a publicar la entrada.
• Eliminar del blog.
• Cambiar la configuración del sitio de blogs.

Cambiar un blog de cuenta

Para cambiar un blog de la Cuenta1 a la Cuenta2 siempre que de ambas seamos administradores, hay que seguir este proceso:

• Acceder al blog de la Cuenta1. En configuración/Permisos/Autores del blog/Añadir autores, poner el correo electónico correspondiente a la Cuenta2. Cerrar sesión de blogger con el botón "Salir".
• Acceder al correo electrónico de la Cuenta2 y cuando se reciba el mensaje de invitación, pulsar en el enlace que se adjunta. Completar los datos que se piden (contraseña de la Cuenta2). Cerrar sesión de blogger con el botón "Salir".
• Acceder al blog de la Cuenta1. En configuración/Permisos/Autores del blog, pulsar en "otorgar permisos de administrador" para la Cuenta2. Cerrar sesión de blogger con el botón "Salir".
• Acceder al blog de la Cuenta2. En configuración/Permisos/Autores del blog, pulsar en "eliminar" para el autor de la Cuenta1. El blog habrá desaparecido de la Cuenta1 y habrá pasado a la Cuenta2.

Más información en Ayuda Blogger: pulsar aquí.

Alojamiento de audio e inserción en blog

Se han dado los siguientes pasos:

Creación de una cuenta en Gcast .
Se sube un archivo que al parecer ha de ser MP3 con "Upload new audio files".
Se pulsa el botón XML de arriba a la derecha.
Se pega en nueva pestaña y aparece el archivo.
Sobre el archivo se pulsa porpiedades con botón derecho y se obtiene la URL del archivo.
Se insertan reproductores vistos en El escaparate de Rosa:
Primero:

Segundo:

Tercero:

Cuarto:

Presentación Picasa: una prueba

Pequeña 144 px:



Mediana ancho 288 px:

Grande ancho 400 px:

Hay ambién de anchos 600 y 800 px.

Ocultar etiquetas

Sigo las directrices del Escaparate para ocultar etiquetas y que no salgan en la relación. Lo he realizado con la entrada que he hecho previamente y que he etiquetado como "oculto". Ya había conseguido que esta entrada no se mostrara en la página principal. Ahora tampoco sale en entradas. Ya sólo falta que tampoco aparezca en Archivos del Blog.

Sin embargo sí existe, se puede ver aquí.

Probando etiqueta "oculto"

Siguiendo las indicaciones de Gem@blog en su entrada Ocultar post en la página principal he realizado las modificaciones indicadas y pongo esta entrada con la etiqueta oculto para probar.

NOTA POST EDICIÓN. Se retiran estas instrucciones pues tenían un efecto indeseado: no se mostraban las entradas en página principal que no tuvieran asignadas etiquetas. Desaparecían equiparándose a la etiqueta "oculto".

Enlaces dentro de una misma entrada

En entradas largas puede convenir crear enlaces a una parte o varias de la entrada. Para ello hay que fijar el punto de envio y el de llegada de dichos enlaces. Esto se hace al crear la entrada en Edición HTML. Hay que poner:
En el punto de envío:
<a href="#1">Texto o imagen de envío</a>
En el punto de destino:
<a id="1"></a>
Lo importante es que coincidan los datos que hay después de # en el envío con los que hay después de id en el destino (en este caso el nº 1).
Prueba:pulsa aquí para ir a destino: Texto o imagen de envío
x
x
x
x
x
x
x
x
x
x
xDestino
Visto en esta entrada del Blog de César.