Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
Mostrando entradas con la etiqueta Menús. Mostrar todas las entradas
Mostrando entradas con la etiqueta Menús. Mostrar todas las entradas
Ir a Diseño, Elementos de la página (vieja interfaz) y añadir un gadget HTML/Javascript.

Poner los siguientes códigos:

Estilos del menú:


Enlaces del menú:


Cambiamos # por los enlaces de las páginas y el texto a mostrar.

Ejemplo:

<a href="http://loseasi.blogspot.com/p/contacto.html">Contacto</a>

Si queremos que la página abra en otra pestaña le agregamos target="_blank":

<a href="http://...../contacto.html" target="_blank">Contacto</a>

Mover el gadget a un lugar apropiado; por ejemplo arriba de las entradas.


Clic sobre la imagen para descargar

Ir a Diseño (vieja interfaz) o Plantilla (nueva interfaz), Edición de HTML y justo arriba de ]]></b:skin>

Poner el siguiente código:

.redes {
 }
.redes a{
    background-image     : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbW0YV1Rhv_Rbvb886YdZz95i7JRdDYOCvVKSRDqd_V90OyUGHhSwmZy3PPx_CwtxI6PevqbQtD-H4zIjUUeW73PcsfX4r1uvYjQ9t6WMSRDi_e3QcmiT-Hca5LKYwPbkoViqgJmFIp-Y/s1600/redes.png);
    background-color      : transparent;
    background-repeat    : no-repeat;
    height                        : 48px;
    width                        : 48px;
    float                          : left;
    display                      : block;
    margin                       : 0 5px 0 0;
 }

 #feedburner_png {
    background-position  : 0px -48px;
 }

 #feedburner_png:hover {
    background-position  : 0px 0px;
 }

 #googleplus_png {
    background-position  : -240px -48px;
 }

 #googleplus_png:hover {
    background-position  : -240px 0px;
 }

 #facebook_png {
    background-position  : -48px -48px;
 }

 #facebook_png:hover {
    background-position  : -48px 0px;
 }

 #twitter_png {
    background-position  : -144px -48px;
 }

 #twitter_png:hover {
    background-position  : -144px 0px;
 }

 #youtube_png {
    background-position  : -96px -48px;
 }

 #youtube_png:hover {
    background-position  : -96px 0px;
 }

 #linkedin_png {
    background-position  : -192px -48px;
 }

 #linkedin_png:hover {
    background-position  : -192px 0px;
 }

Pueden agregarle estilos a la clase redes Ej: margenes, etc..
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...

El menú es el que utilizo en mi plantilla, flotando a la derecha.

A pedido de VRedondoF dejo el código que utilizo.

Como todo estilo, se puede personalizar cambiando colores, fuentes, etc...

Yo copio el que utilizo en mi plantilla.

Ir a Diseño (vieja interfaz) o Plantilla (nueva interfaz), Edición de HTML y justo arriba de ]]></b:skin>

Poner el siguiente código:

/* VkuMenuBar flotante */
#nav a:link{color:#DA1074}
#nav a:visited{color:#DA1074}
#nav a:hover{color:#fff; text-decoration:none}
#nav a:focus{color:#fff; text-decoration:none}
#nav a:hover{color:#fff; text-decoration:none;font-size:100%;//font-size:95%}
#nav ul a:hover{background:#DA1074; text-decoration:none}
#nav a{text-decoration:none; display:block; padding:2px 10px; background:#000; -moz-border-radius:7px; -webkit-border-radius:7px; margin:0; color:#DA1074;font-size:100%;//font-size:95%}
#nav li li a{text-align:left}
#nav ul{-moz-border-radius:8px; -webkit-border-radius:8px; right:0; border:1px solid #000; background:#000}
#nav, #nav ul{padding:5px; list-style:none; line-height:25px}
#nav li{display:block; list-style:none; position:relative; //width: 100%;}
#nav{display:block; position:fixed; list-style:none; z-index:5; top:120px; right:-10px; text-align:left; z-index:1000000000; width:auto}
#nav li li{float:none}
#nav li li a{position:relative; float:none}
#nav li ul{position:absolute; margin-right:-500px; width:140px}
#nav li:hover ul ul{margin-right:-500px}
#nav li:hover ul{margin-right:5px; // margin-right:10px; margin-top:0; //margin-top:0px}
#nav li li:hover ul{margin-right:80px}
/* END VkuMenuBar flotante */

Ahora ponemos arriba de </body> la caja contenedora (div).

Utilizamos listas para los enlaces.

        <!-- VkuMenuBar Flotante-->
        <div id='nav'>
            <li><a href='#'><img alt='Suscribirse' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRpCO_QoFlMyeYso6c5WO48OsobCfoQ2Q25UpBPG9ll6LtZ0r0DCMs2Gv5iqdl6SySVeXYK5zfu9XTZ-r27vY9C2m1duNU3mY0HPVo2gAkB6ZxuOJU7_kPQH225dQzmJAG2cSFySlLSfk1/s0/rssfeed.png' title='Suscribirse'/></a>  
    <ul>
                 <li><a href='http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qygH' target='_blank' title='Suscribirse a las entradas vía email'>Feed vía Email</a></li>
                <li><a href='http://feeds.feedburner.com/blogspot/qygH' target='_blank' title='Suscribirse a las entradas'>Feed vía RSS</a></li>
                <li><a href='http://loseasi.blogspot.com/feeds/comments/default' target='_blank' title='Suscribirse a los comentarios'>Feed Comentarios</a></li>
                <li><a href='http://www.rss.nom.es/' target='_blank'>&#191;Que es RSS?</a></li>
                <li><a href='mailto:anfelweb@gmail.com'>Contacto</a></li>
     </ul>
                    </li></div>          
            <!-- END VkuMenuBar flotante-->

Cambiar la imagen y los enlaces por los suyos. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...

El menú funciona con la libreria Jquery.
Si ya la tienen en en blog no es necesario ponerla de nuevo.


Ir a la página del autor:

Descargar Ejmplo:

Si tienen Prototype, Scriptaculous, NO utilizar el menú.

... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Descargar imagen.

Primeramente descargar imagen y alojarla a su servidor.

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios y justo arriba de ]]></b:skin>

Poner el siguiente código:

.piepost-vku a { background:url(piepost-vku.png) no-repeat; width:21px; height:21px; display:block;float:left;filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/ }
.piepost-vku a:hover {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*--IE 8 Transparency--*/ }

.piepost-vku1 { background-position: bottom left!important }
.piepost-vku2 { background-position: -26px bottom!important }
.piepost-vku3 { background-position: -52px bottom!important }
.piepost-vku4 { background-position: -78px bottom!important }
.piepost-vku5 { background-position: -104px bottom!important }
.piepost-vku6 { background-position: -130px bottom!important }
.piepost-vku7 { background-position: -156px bottom!important }
.piepost-vku8 { background-position: -182px bottom!important }
.piepost-vku9 { background-position: -208px bottom!important }
.piepost-vku10 { background-position: -234px bottom!important }
.piepost-vku11 { background-position: -260px bottom!important }
.piepost-vku12 { background-position: -286px bottom!important }
.piepost-vku13 { background-position: -312px bottom!important }

a.piepost-vku1:hover { background-position: top left!important }
a.piepost-vku2:hover { background-position: -26px 0!important }
a.piepost-vku3:hover { background-position: -52px 0!important }
a.piepost-vku4:hover { background-position: -78px 0!important }
a.piepost-vku5:hover { background-position: -104px 0!important }
a.piepost-vku6:hover { background-position: -130px 0!important }
a.piepost-vku7:hover { background-position: -156px 0!important }
a.piepost-vku8:hover { background-position: -182px 0!important }
a.piepost-vku9:hover { background-position: -208px 0!important }
a.piepost-vku10:hover { background-position: -234px 0!important }
a.piepost-vku11:hover { background-position: -260px 0!important }
a.piepost-vku12:hover { background-position: -286px 0!important }
a.piepost-vku13:hover { background-position: -312px 0!important }

Cambiar piepost-vku.png por el link donde alojaron la imagen.

Ahora agregaremos el menú al pie de las entradas.

El menú se vera con una imagen mediante CSS Sprite, lo que nos va a ayudar a que cargue mas rápido el blog.

Podemos colocar todos los link o solo algunos.

  • piepost-vku1: Leer post completo.
  • piepost-vku2: Ir directo a opinar.
  • piepost-vku3: Compartir en twitter.
  • piepost-vku4: Compartir en myspace.
  • piepost-vku5: Compartir en facebook.
  • piepost-vku6: Votar post en bitácoras.
  • piepost-vku7: Compartir en google buzz.
  • piepost-vku8: Enviar post por correo.
  • piepost-vku9: Imprimir post.
  • piepost-vku10: Guardar como pdf.
  • piepost-vku11: Agregar a favoritos.
  • piepost-vku12: Agrandar texto.
  • piepost-vku13: Achicar texto.

Buscamos <div class='post-footer-line post-footer-line-1'/> y justo abajo colocaremos los link:

Código de los link.

<span class='piepost-vku'>
<a class='piepost-vku1' expr:href='data:post.url' title='Leer post completo...'/>

<a class='piepost-vku2' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Ir directo a opinar...'/>

<a class='piepost-vku3' expr:href='&quot;http://twitter.com/home?status=Viendo: &quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Compartir en twitter...'/>

<a class='piepost-vku4' expr:href='&quot;http://myspace.com/Modules/PostTo/Pages/?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Compartir en myspace...'/>

<a class='piepost-vku5' expr:href='&quot;http://facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Compartir en facebook...'/>

<a class='piepost-vku6' expr:href='&quot;http://bitacoras.com/anotaciones/&quot; + data:post.url' target='_blank' title='Votar post en bitácoras...'/>

<a class='piepost-vku7' expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl' target='_blank' title='Compartir en google buzz...'/>

<a class='piepost-vku8' expr:href='&quot;mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Enviar post por correo...'/>

<a class='piepost-vku9' expr:href='&quot;http://www.printfriendly.com/print?url=&quot; + data:post.url' target='_blank' title='Imprimir post...'/>

<a class='piepost-vku10' expr:href='&quot;http://www.printfriendly.com/print?url=&quot; + data:post.url' target='_blank' title='Guardar como pdf...'/>

<a class='piepost-vku11' href='javascript:AddToFavorites();' title='Agregar a favoritos...'/>

<a class='piepost-vku12' href='javascript:void(0);' onmousedown='agrandartexto();' title='Agrandar texto...'/>

<a class='piepost-vku13' href='javascript:void(0);' onmousedown='reducirtexto();' title='Achicar texto...'/>
</span>

Si no vamos a utilizar algunos de los link solo borrarlo desde <a ... hasta ... />

Si lo queremos mostrar solo al abrir el post lo colocaremos dentro de un código condicional.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Código de los link.

</b:if>

Si elegimos agregar a favoritos (piepost-vku11), hay que colocar el código JavaScript visto en la anterior entrada:

Arriba de </head>

Poner el siguiente código:

<script type='text/javascript'>
//<![CDATA[
function AddToFavorites()
{
var title = document.title; var url = location.href;
if (window.sidebar&amp;&amp;window.sidebar.addPanel) // Firefox
window.sidebar.addPanel(title,url,&quot;&quot;);
else if(window.opera &amp;&amp; window.print) // Opera
{
var elem = document.createElement(&#39;a&#39;);
elem.setAttribute(&#39;href&#39;,url);
elem.setAttribute(&#39;title&#39;,title);
elem.setAttribute(&#39;rel&#39;,&#39;sidebar&#39;);
elem.click();
}
else
window.external.AddFavorite(url, title) // IE
}
//]]>
</script>

Si elegimos agrandar/achicar el texto (piepost-vku12 y piepost-vku13), hay que colocar el código JavaScript.

Arriba de </head>

Poner el siguiente código:

<script type='text/javascript'>
//<![CDATA[
var newsfont = 12;
function changeFont(id) {

if (document.getElementById) {
document.getElementById(id).style.fontSize = newsfont+"px";
} else {
if (document.layers) {
document.layers[id].fontSize = newsfont+"px";
} else {
if (document.all) {
eval("document.all." + id + ".style.fontSize = \"" + newsfont + "px \"");
}
}
}
}

function agrandartexto() {
if (newsfont < 30) {
newsfont= newsfont +2;
changeFont('main-wrapper');
}
}

function reducirtexto() {
if (newsfont > 12) {
newsfont= newsfont -2;
changeFont('main-wrapper');
}
}
//]]>
</script>

Ver mas detalles sobre agrandar/achicar texto, o elegir otro código JavaScript, en está entrada:

Ver con vista previa antes de colocar el código condicional para ver como va quedando.

Guardar Plantilla.

A los que me pidieron este código disculpen la demora. (mas vale tarde que nunca) ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Este es otro proyecto que hace un tiempo vengo desarrollando. Lo que hace es que al pulsar el botón derecho del ratón en cualquier punto del blog se activa un menú.

Una forma elegante de bloquear el botón derecho del ratón.

Lo he probado en Firefox e Internet Explorer 7 y 8.




¿Cómo se hace...?

Ir a Diseño, Edición de HTML y justo arriba de </head>

Poner el siguiente código JavaScript:

<script type="text/javascript">
// http://loseasi.blogspot.com/
// Creado por Vku.
function mostrarmenuder() {
with(document.getElementById("menuder")) {
style.display = "";
}
return false
}

function cerrarmenuder() {
document.getElementById("menuder")
.style.display = "none";
}
document.oncontextmenu=mostrarmenuder
</script>

Ahora justo arriba de ]]></b:skin>

Poner el siguiente código CSS:

.menudervku {
position:fixed;
left:100px;
top:150px;
text-align:center;
text-decoration: none;
width:220px;
border:0px;
background-color:#fff;
font-family:Verdana;
cursor:pointer;
line-height: 24px;
z-index:999999999999999999;
}
.menulink {
font-size: 14px;
font-family:Arial, Verdana
height: 24px;
border-bottom:2px solid #000;
background-color:#333;
color:#fff;
}
.menulink:hover {
font-size: 14px;
font-family:Arial, Verdana
height: 24px;
border-bottom:2px solid #39F;
background-color:#555;
color:#39F;
}
.menulinkcerrar {
height: 25px;
border:0;
background-color:transparent;
}

Personalizar el diseño del menú a su gusto.

left:100px: distancia desde la izquierda.
top:150px: distancia desde arriba.
text-align:center: texto centrado.
width:220px: ancho del menú.

Link:

background-color:#555: color del fondo.
color:#fff: color del texto.

Link hover:

background-color:#333: color del fondo.
color:#39F: color del texto.

Abajo de <body>

Ponemos el siguiente código:

<div class='menudervku' id='menuder' style='display:none'>
<div class='menulinkcerrar' onclick='cerrarmenuder()'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqCQOFzJhq8OoMTTG1i9Qfl-r4vn5rF-VliTSQGJlhQ8K8O7S0k5umluI1mhlrGifEzQ8Jgvf83b4cClW242Y4GusEvAI3wxX5vBistZ7dHLyaRGADBGOv4zllHe_GVoNZ46GCuji-Isg/s1600/cerrar.png' style='float: right;' title='Cerrar'/></div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> http://loseasi.blogspot.com/ </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK 2 </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK 3 </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK 4 </div>

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_self&quot;)'> LINK 5 </div>

<div onClick='window.open(&quot;http://loseasi.blogspot.com/2010/08/menu-pulsando-el-boton-derecho-del.html&quot;,&quot;_self&quot;)' style='float:right;font-size:60%;color:ccc;margin-right:10px;line-height:14px'> Obtener el menú </div>
</div>

Cambiar la imagen de cerrar.

Agregar o quitar los link de la siguiente forma:

<div class='menulink' onClick='window.open(&quot;http://loseasi.blogspot.com/&quot;,&quot;_blank&quot;)'> LINK Nº </div>

Donde:

http://loseasi.blogspot.com/: es el link que abrira al hacer click.

_blank: abre el link en otra pestaña.

_self: abre el link en la misma pestaña.

LINK Nº: texto a mostrar.

Guardar plantilla.



No quitar el ultimo link para que otros puedan obtener el menú.(Gracias):

<div onClick='window.open(&quot;http://loseasi.blogspot.com/2010/08/menu-pulsando-el-boton-derecho-del.html&quot;,&quot;_self&quot;)' style='float:right;font-size:60%;color:ccc;margin-right:10px;line-height:14px'> Obtener el menú </div>
</div>
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
Es un proyecto que hace un tiempo empecé y quiero compartir con ustedes, espero que les guste.



Es totalmente personalizable mediante CSS.

Al abrir el blog o página el menu va entrando desde abajo con efecto deslizante.

Ver Imágenes.

Se le puede poner imágenes o texto.

Imágenes junto con texto.

La altura se adapta al tamaño de la imagen.

Se puede elegir el tamaño y colores.

También se puede mostrar en el centro.

Queda siempre fijo en la parte de abajo del blog o página, con un ancho del 100%, adapatandose a la resolución del monitor del visitante.

Se puede cambiar el ancho por un valor fijo, junto con su posición.

A la derecha tiene un botón de cierre del menú.

Al cerrar el menú queda una imagen fija para poder abrirlo nuevamente.


Las imágenes de los botones se pueden cambiar por otras, a su gusto.

Dentro del menú puede ir imágenes junto con texto, solo imágenes o solo texto.

Se le puede colocar distintos tipos de botones sociales.

El tamaño y la ubicación se apaptan mediante códigos CSS individuales.

La altura se adapta a la imagen o se pueden ponerla con una altura fija.

Como vieron en las imágenes de arriba se puede cambiar el color del fondo y del texto.

¿Cómo poner el menú?
... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
SliderNav es un plugin para jQuery que te permite añadir dinámico, deslizamiento de contenido mediante una barra de navegación vertical (índice). Está compuesto principalmente por listados alfabéticos, pero se puede utilizar con cualquier cosa, aunque las palabras más largas pueden mirar un poco incómodo. El plugin agrega automáticamente la navegación y establece el alto del objeto basado en la altura de la navegación es, a fin de garantizar que los usuarios tengan acceso a toda la lista. También usé el overflow: auto; de propiedades para el contenido real de lo que puede usar su rueda del ratón para desplazarse por el contenido, así.

El plugin ha sido probado (y funciona bien) en Firefox 3, Chrome 5, IE7, Safari 4 y Opera 10.



Ver información en la página del autor. ... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...



... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...


Pegar código arriba de </head>:

<!-- Menu dos by: Vku http://loseasi.blogspot.com/ -->
<script type='text/javascript'>
var menudos_most_mosttr = null;
function ver(numero) {
obj = document.getElementById("most"+numero);
obj.className = (obj==menudos_most_mosttr) ? 'ocultar' : 'mostrar';
if (menudos_most_mosttr != null) {
menudos_most_mosttr.className = 'ocultar';
}
menudos_most_mosttr = (obj==menudos_most_mosttr) ? null : obj;
}
</script>

<style>
.ocultar {display:none;}
.mostrar {display:block;}
a.menudos {} /* poner el estilo del menu o link */
a:hover.menudos{} /* poner el estilo del menu o link al pasar el cursor*/
</style>
<!-- Fin Menu dos by: Vku http://loseasi.blogspot.com/ -->

Menu o link:

Poner en sidebar o donde mas les guste:

<div class='menudos' id='0' onclick='ver(this.id); return false'><a href='#'>link 1 [+/-]</a></div>
<br/>
<div class='menudos' id='1' onclick='ver(this.id); return false'><a href='#'>link 2 [+/-]</a></div>
<br/>
<div class='menudos' id='2' onclick='ver(this.id); return false'><a href='#'>link 3 [+/-]</a></div>
link [+/-] cambiar por texto o imagen. 
0, 1, 3, etc...  Siempre tienen que ser distintos.
Si es necesario quitarle: ; return false y cambiar <a href='#'> por <a href='#most0'> , donde 0 es el número de la id del contenido.

Contenido:

Poner en donde quieran mostrar el contenido:(puede ir tambien entre los link despues de <br/>)

<div id="most0" class="ocultar">

ACÁ VA EL CONTENIDO A MOSTRAR

</div>

El número tiene que ser igual a la id del link del menu.

Ejemplo 1:Ejemplo 2:Ejemplo 3:

... ¡¡Si estas viendo esto!!, es porque la entrada no contiene texto, puede contener solo imágenes o un vídeo. Da clic sobre "Continuar leyendo", o en el título para ver su contenido ...
VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?