Mostrar un widget desplegable de categorías para blogger

Luego de presentarles un hermoso widget acordeón para blogger, les voy a dar a conocer un widget sencillo en el cual podrán utilizarlo como mejor les convenga. Este widget sirve para insertar manualmente los links de sus artículos que quieran mostrar por categorías, podrán aumentar las categorías y mostrar al momento que los usuarios le den un clic en su categoría. En este widget se desplegara un cuadro en el cual les mostrara los nombres de los artículos que quieran dar a conocer y así obtener mas vistas de algunos post que tal vez los usuarios hayan pasado por alto.

Mostrar un widget desplegable de categorías para blogger

A continuación pueden mirar su demostración en mi blog de demos, el widget se encuentra en la parte superior derecha y tiene el nombre de “ENLACES POR CATEGORIAS


Luego de que hayan visto su demostración, nos dirigimos a insertar el código


Mostrar un widget desplegable de categorías para blogger

1 Abrir blogger
2 Da un Clic en “Diseño
3 Busca “Añadir un gadget” y encuentra el widget que dice “HTML/javascript” e inserta el siguiente código en su interior.

<!-- Start  HTML - http://www.grupodelecluse.com by www.grupodelecluse.com-->
<table border="1" width="253px" align="center">
<tr>
<th>
<center>
TITULO DEL WIDGET
</center>
</th>
</tr>
<tr>
<th>
<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 1
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 2
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 3
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 4
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 5
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>
</th>
</tr>
</table>
<!-- End  javascript - http://www.grupodelecluse.com by www.grupodelecluse.com-->


Realiza estos cambios:

Donde dice CATEGORIA 1 cámbialo por el nombre que tú quieras y hazlo en todas
En la parte que dice URL  inserta el link del articulo que quieras mostrar, este paso realizo en todas.
Y por ultimo en la parte que dice Título 1 pon el titulo de tu artículo, eso es todo, ahora dale un clic en “Guardar” y ubica este widget en el lugar que tú quieras de tu blog de blogger. Mira tus cambios.

Si quieres aumentar los links basta con insertar este código <option value="URL" />Título 6 antes de </select>

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos.

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Related post

Comentarios

7 comentarios:

  1. hola una pregunta, lo e puesto me a salido bien me gusta como queda, le puesto un borde "0" me gusta como queda, pero no encuentro como cambio de color, quiero ponerle #3a893a este color pero solo en el titulo o poner el titulo de este color #152e7f,, una de estas opciones , como se puede hacer,

    Luis, por email se puede preguntar otra cosa??


    http://cactusyaficiones.blogspot.com.es/

    ResponderEliminar
  2. Enviame un mensaje directo para enviarte el codigo de inserción.
    Saludos.

    ResponderEliminar
  3. jeje me vas a perdonar pero como envio un mensaje directo, perdona

    ResponderEliminar
  4. Hola Luis, tengo como sabes, el tema Tiempos Modernos, es un periódico digital en mi uso. Me gustaría añadir cuatro etiquetas para la presentación de nuevos temas. El asunto de Linkedin, no me agrada mucho porque falla mucho. Unas veces se muestra y otras no, cuando se muestra, no presenta las historias, sale doble, etc. y el soporte tarda en comunicarse. Podría decirme vía mi correo: juanmrodriguez7@gmail, cómo añadir más etiquetas a la plantilla, ya que esa parte interior de lenguaje HTML, no es necesariamente de dominio, aunque con tus tutoriales, sí puedo cutomizar la plantilla.Te espero y gracias anticipadas.

    ResponderEliminar
  5. MUCHISIMAS GRACIAS JUSTO LO QUE ESTABA BUSCANDO

    ResponderEliminar