THECIRCUS: Gadget "Archivo del blog" en Plantillas Clásicas.

¿COMO TENER EL MENÚ DE ARCHIVOS DEL BLOG EN PLANTILLAS CLÁSICAS?
Coloca dentro de <body> ... </body> {donde quieres que aparezca} el código que desees:

Como Menú desplegable:

<select style="width: 100%; padding: 5px; font:8pt arial; border:1px double #fcc; color:#888;background: #fff;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">Archivos</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>">♥ <$BlogArchiveName$></option>
</BloggerArchives>
</select>
<br>

Edita lo que esta en cursiva:
archivos: Palabra que aparecerá al comienzo.
font: Tamaño/fuente del texto.
color: Color del texto.

background: Fondo del menú.

♥: Icon que acompaña a cada link/archivos.

Como Menu vertical:

<ul class="MAr">
<li>
<BloggerArchives><a href="<$BlogArchiveURL$>"/> <$BlogArchiveName$> </a>
</BloggerArchives></li>
</ul>
<style>
.MAr li {
list-style: url(URL DE TU GIF);
text-align: left;}
.MAr li:hover {
list-style: url(URL DE TU GIF "hover");
}
.MAr a{
color: #e9e;text-decoration: none;
}
</style>

Edita lo que esta en cursiva:
color: Color del texto.

text-align: Cámbialo por rigt/left/center para ubicar el texto a derecha/izquierda/centro.

URL DE TU GIF: Sera el punto/gif que acompaña a cada link.

Como Menu desordenado:

<ul class="MAr">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"/> <$BlogArchiveName$> </a></li>
</BloggerArchives>
</ul>
<style>
.MAr ul li{
padding-left: -40px;
}
.MAr li {
display: inline-block;
list-style:none;
margin:3px;
}
.MAr li a{
background: #c8d;padding: 3px;
border-radius: 3px;
font-family: arial;
font-size: 10px;text-transform: uppercase;
}
.MAr li a:hover {
background: #fff;
border-radius: 3px 0 3px 0;
color: #c8d;padding: 1px;
}
.MAr a{
color: #fff;text-decoration: none;
}
</style>

Edita lo que esta en cursiva:
background: Fondo de cada link.

color: Color del texto.
font-family: Fuente de letra.
font-size: Tamaño de letra.
border-radius: Bordes redondeados.

Como Menú MMC:
{Mi mundo de creacion}

<marquee style="border-top: 3px double #fcc;" scrollamount="1" direction="up" height="50" onmouseover="this.stop()" onmouseout="this.start()">
<BloggerArchives>
<b>●</b> <$BlogArchiveName$> <div style="display: inline-block; float: right;color: #000;"><a href="<$BlogArchiveURL$>"><i>Ir</i></a></div><br>
</BloggerArchives>
</marquee>

Edita lo que esta en cursiva:
border-top: Color/tamaño/estilo del borde superior.color: color del texto.

<b>●</b>: Punto que acompaña a cada link {puede reemplazarlo por <img src="URL DE SU GIF"/> & colorar un gif}.
color: Color del link "Ver".

{dar creditos por su uso}

Gadget "Archivo del blog" en Plantillas Clásicas.

4 comentarios: