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.

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

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

TAGS: Trucos BloggerWidgets para Blogger

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.