WIDGET DESPLEGABLE POR CATEGORÍAS PARA BLOGGER

WIDGET DESPLEGABLE POR CATEGORÍAS PARA BLOGGER .

 Despues de presentaros un hermoso widget acordeón para blogger,os voy a dar a conocer un widget sencillo en el cual podréiss utilizarlo como mejor os convenga.

Este widget sirve para insertar manualmente los links de sus artículos que queráis mostrar por categorías, podreis 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  queráis 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


¡Vamos ¡Vamos al Lío!

Ir a Blogger

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

                                                                       

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

Fecha de la Publicación; 28-12-2018

 Fuente;

 Publicado por;