add

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.

emailEnviar por correo

8 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
  6. Me gusta mucho tu blog, espero que podamos intercambiar introducir un software gratuito de recuperación de fotos.MiniTool Power Data Recovery

    ResponderEliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios