BARRA SUPERIOR PESTAÑAS DESPLEGABLES

viernes, 20 de marzo de 2015

Cómo poner un Índice de Contenidos numerados y ordenados alfabéticamente en mi Blog. Organizar las etiquetas y entradas en un listado fácilmente

Hoy, buscando una manera de indexar en la red para mi blog, encontré otro código con el que organizar mis entradas del blog en una lista completa. 

Lo que hace este código es ordenar las etiquetas y entradas de tu blog blogger, en orden alfabético de una forma muy eficiente. 

Ya no hay excusa para ordenar y actualizar contenidos. 

Podéis incrustar el Indice como un gadget HTML/Javascript, pero si tenéis  muchas entradas, os aparecerá un listado excesivamente grande, por lo que os recomiendo que hagáis una página para esto.

Ya puedes crear tu propia Biblioteca de contenidos simplemente utilizando este código: Si tenéis un blog blogger sólo tenéis que poner el nombre de la dirección de vuestro blog donde pone http://pon_aquí_tu_blog.blogspot.com 

Además se numerarán las entradas.

<script src="http://sites.google.com/site/pczeros/Home/indice.js"></script>
<script src="
http://pon_aquí_tu_blog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


domingo, 15 de marzo de 2015

Incrustar tablas en una entrada

Cómo crear tablas en las entradas del blog.
Si bien es algo sencillo requiere de un poco de atención, así que intentaré explicarme.

El código básico para insertar una tabla es el siguiente:
<table border="1" cellpadding="4"><tbody>
<tr><td>Mesa</td>
<td>Silla</td>
<td>Cama</td></tr>
<tr><td>Carro</td>
<td>Barco</td>
<td>Avión</td></tr>
<tr><td>Lunes</td>
<td>Martes</td>
<td>Miércoles</td></tr>
</tbody></table>
El resultado es este:



TEXTO EN TRES COLUMNAS

TEXTO EN TRES COLUMNAS

Hay un puñado de razones por las que podrías desear crear tres columnas en la entrada del blog; sobre todo si estás comparando tres puntos. Sin embargo, el editor del blog no viene con una herramienta que cree fácilmente columnas, sino que tendrás que usar el editor de HTML para crearlas manualmente.
Hay dos maneras de lograr un efecto de tres columnas: el uso de una tabla con tres columnas, o la creación de tres capas div alineadas en una fila.
Nivel de dificultad:
Moderadamente difícil


El código es el siguiente: 

<div style="text-align:center;margin:0 auto;width:100%;">
<div style="width: 30%; float: left;margin:0px 15px 0px 15px;text-align:justify;
">contenido 1</div><div style="width: 30%; float: left;margin:0px 15px 0px 0px;
text-align:justify;
">contenido 2</div><div style="width: 30%; float: left;margin:0px 0px 0px 0px;
text-align:justify;">Contenido 3</div>
<div style="clear: both;"/>
</div>
 
Donde pone contenido 1, 2 y 3 es donde debemos
colocar los textos que queremos en esas tres columnas