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