Mostrar un widget desplegable de categorías para blogger

Despues de presentarte un widget acordeón para blogger, os voy a dar a conocer un widget sencillo en el cual podreis utilizarlo como mejor os convenga. Este widget sirve para insertar manualmente los links de sus artículos que quieras mostrar por categorías, podrás 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.

Para instalarlo tienes que seguir estos pasos:

Abrir blogger

1 Da un Clic en “Diseño”

2-Clic en “Añadir un gadget”

3-Busca el widget que dice “HTML-Javascript” y ábrelo

4-Coloca el siguiente codigo en el interior

<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>

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.

Donde dice TITULO DEL WIDGET pon el nombre que quieras poner al Widget.

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.

Fuente: ayudadeblogger

Fecha:10/03/2017

Publicado por