TELECOMUNICACIONES BOLIVIA Blog Futbol Boliviano
Get Free Research Polls
Un servicio de Blogs Bolivia:

BloGalaxia
Add to My Yahoo!
Add to My AOL
Add to netvibes

Buttons created with the Create Feed Buttons

RelojesWebEspana!

Enter your email address:

Delivered by FeedBurner

Suscribir con Bloglines

Powered by FeedBurner

Blogs de Bolivia Creative Commons License
This work is licensed under a Creative Commons Attribution 2.5 License. eXTReMe Tracker THE BOBs Blogspy Top Emezeta PageRank Plus - Google PageRank checking, with a twist.
Links to Page
ESTE ES MI NUMERO ISBN ISBN
Generated Image

Pruebs de angelcaido

Friday, November 02, 2007

codigo bolivia maps


<meta content='-19.414792, -64.160156' name='ICBM'/>
<meta content='TITULO DEL BLOG' name='DC.title'/>
<meta content='-19.414792;-64.160156' name='geo.position'/>
<meta content='PAIS' name='geo.region'/>
<meta content='LOCALIZACION' name='geo.placename'/>

mas codigos


<link href='http://webjcp.googlepages.com/css.css' rel='stylesheet'/>
<!--[if IE]>
<link rel="stylesheet" href="http://webjcp.googlepages.com/hack.css" />
<script type="text/javascript">
window.mlrunShim = true;
</script>
<![endif]-->
<script src='http://webjcp.googlepages.com/js.js' type='text/javascript'>
</script>


Labels:

prueba de codigo


Antes de nada quiero aclarar que este menú no sustituye las categorías de Blogger, su finalidad es crear enlaces de forma dinámica a modo de despegable.

1º- Para añadirlo a nuestro blog debemos situarnos en Plantilla/Edicción de HTML y justo después de <head> añadir lo siguiente:


<link href='http://webjcp.googlepages.com/css.css' rel='stylesheet'/>
<!--[if IE]>
<link rel="stylesheet" href="http://webjcp.googlepages.com/hack.css" />
<script type="text/javascript">
window.mlrunShim = true;
</script>
<![endif]-->
<script src='http://webjcp.googlepages.com/js.js' type='text/javascript'>
</script>


2º- Guardamos los cambios y nos situamos en Plantilla/Añadir un elemento de página/HTML/Javascript para añadir lo siguiente:


<center><div class="mlmenu horizontal bluewhite blindv plus">
<ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>
</ul></li>

</ul>
</div>
</center>


La forma de modificarlo es muy sencilla:
Título o tema será el tema para la categoría de enlaces.
url: debemos pegar la url del lugar que deseamos enlazar.
En Link1, Link2, Link3, y Link4 irá el texto asignado al correspondiente enlace.

Este Menú es una gentileza de César que amablemente pone a disposición de todos.
Yo me he permitido variar un poco las explicaciones para adecuar los colores a nuestro gusto.
El primer código que añadimos a la plantilla contiene tres archivos, un archivo js. y dos CSS.
Uno de los archivos CSS es el que podemos configurar para cambiar el aspecto referente a color.

Lo hice de la siguiente forma:
1º- En el primer paso añadí justo antes de </head> el archivo js. que previamente subí a mi servidor.

<script src='http://forevergema.googlepages.com/menu.js.js' type='text/javascript'>

2º-Después el archivo que contiene la configuración para modificar el aspecto del menú lo abrí con el bloc de notas y copié su contenido para seguidamente pegarlo justo antes de ]]></b:skin>
El contenido es el siguiente:
http://forevergema.googlepages.com/

Es ahí donde podéis modificar los colores del menú donde dice /*colors for menu*/

3º-Guardamos los cambios y nos situamos en Plantilla/Añadir un elemento de página/HTML/Javascript para añadir el mismo código que el primer paso:


<center><div class="mlmenu horizontal bluewhite blindv plus">
<ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>

</ul>
</li><li><a href="#"> titulo o tema </a>
<ul>
<li><a href="url">Link1</a></li>
<li><a href="url">Link2</a></li>
<li><a href="url">Link3</a></li>
<li><a href="url">Link4</a></li>
</ul></li>

</ul>
</div>
</center>


Añadimos los enlaces y listo.

Como podéis comprobar la única diferencia es que añadimos en nuestra plantilla un archivo que siendo alojado en un servidor ocuparía mucho menos espacio pero que podremos modificar cada vez que lo deseemos sin necesidad de abrir el archivo y volverlo a alojar.
Si una vez modificado no necesitamos modificarlo más también podemos subir el archivo a nuestro servidor y en el código de César que añadimos después de <head> sustituimos:
http://webjcp.googlepages.com/css.css por la url de vuestro archivo css.






mENU hORIZONTAL dESPLEGABLE

Labels: