Skip to main content
replaced http://es.stackoverflow.com/ with https://es.stackoverflow.com/
Origen Enlace

He seguido varios de los ejemplos de esteeste post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Además, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Además, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Además, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

se eliminaron 4 caracteres en el cuerpo
Origen Enlace

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Por otro ladoAdemás, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="#httphref="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="#httphref="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="#httphref="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="#httphref="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Por otro lado, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="#http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="#http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="#http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="#http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Además, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

Mejorando gramática y formato.
Origen Enlace

Cambiar color del itemítem seleccionado en un menú de Blogger

He seguido varios de los ejemplos de este post, pero no ha funcionado en BloggerBlogger al momento de cambiar el la almohadilla (##) por una URLURL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

entre las etiquetas <head> y </head>; después de <head>, siendo más preciso.

Por otro lado, inserté el htmlHTML en un gatgetgatget:

<div id="main">
<ul>
    <li><a id="inicio" href="#http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="#http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="#http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="#http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé tal cual lo comentastecomo estaba.

Por otro lado, el srciptsiguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

también lo inserté dentro de head.

¿Me ayudarías?

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

Cambiar color del item seleccionado en un menú de Blogger

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar el la almohadilla (#) por una URL.

Inserté

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

entre las etiquetas <head> y </head>; después de <head>, siendo más preciso.

Por otro lado, inserté el html en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="#http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="#http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="#http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="#http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé tal cual lo comentaste.

Por otro lado, el srcipt

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

también lo inserté dentro de head.

¿Me ayudarías?

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

Cambiar color del ítem seleccionado en un menú de Blogger

He seguido varios de los ejemplos de este post, pero no ha funcionado en Blogger al momento de cambiar la almohadilla (#) por una URL.

Inserté lo siguiente en el <head> del documento.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main">

Por otro lado, inserté el HTML en un gatget:

<div id="main">
<ul>
    <li><a id="inicio" href="#http://bpbmsm.blogspot.pe/">Inicio</a></li>
    <li><a id="nosotros" href="#http://bpbmsm.blogspot.pe/p/pagina1">Sobre nosotros</a></li>
    <li><a id="producto" href="#http://bpbmsm.blogspot.pe/p/pagina2">Producto</a></li>
    <li><a id="contacto" href="#http://bpbmsm.blogspot.pe/search/label/etiqueta1">Contacto</a></li>
</ul>
</div>

Todo lo demás lo dejé como estaba.

Por otro lado, el siguiente script, también lo inserté dentro del head:

$(function() {
  $("#main ul li a").click(function() {
    // quitar .seleccionado a todos (por si hay alguno)
    $("#main ul li a").removeClass("seleccionado");
    // agregar seleccionado a "este" elemento.
    $(this).addClass("seleccionado");
  });
});

Utilizo este blog para probar: http://bpbmsm.blogspot.pe/

Origen Enlace
Loading