Como crear un menú de pestañas en blogger

7:00 AM

Tener un menú de paginas o categorias es una buena manera de organizar nuestro blog y ayudará a que las personas que visiten nuestro sitio encuentren mas fácilmente lo que están buscando . 
--
Adding a menu bar is a great way to organize your blog also it is going to help your readers to find the information easily.



La semana pasada una lectora tenía esta duda sobre como poner un menú de paginas o categorías en en el blog. Así como este de abajo:
--
Hi everyone! Last week somebody asked me to this tutorial about how to create a  menu bar for your blog. Like this one below:


Puedes poner todas las secciones que quieras pero yo no quiero confundirlos así que solo mostré una categoría que yo quiero ponerle TUTORIAL y cuando lo presione me mostrará todos las entradas que tengan que ver con ese tema. 

Les daré una pista: tiene que ver con las etiquetas. Esto es algo muy fácil de hacer y se los voy a explicar paso a pasito
--
You can add as many tabs as you want but I'm going to keep it simple and just show the new one I'm creating. I named it TUTORIAL and when I click on it it's going to show me every post I have under the category tutorial.  Do you want a hint? It is related with your post tags. 

(Apologies in advance because my blogger menus are in spanish, but I'm going to use the names of the options in english and I also marked every thing I'm talking about so you can see it easier)

1. Desde el menú principal de blogger, seleccionamos diseño

1. Log in to your blog dashboard and select "layout"


2. Después seleccionamos agregar un gadget, de preferencia en la parte de arriba porque ahí es donde regularmente se ponen (aunque recuerda que despues puedes moverlo a donde quieras)

2. Then click on add a Gadget


3. En la ventana emergente nos aparecerán los posibles widgets que podemos agregar, vamos a seleccionar páginas

3.A pop-up window is going to show and you have to select the widget "pages"

4. Enseguida nos va a mostrar otro menú y ahí seleccionaremos agregar vinculo externo

4. That is going to lead us to another menu, and we are going to click on "add link page"

5.Nos aparecerá un casillero y en este tenemos que agregar dos cosas:
 *el nombre de la pestaña, yo le puse TUTORIAL 
*La dirección web, esto es el URL de la etiqueta que le pusimos a las entradas de la categoría, (vamos a verlo en los pasos 6 y 7) y le damos guardar el vínculo

5. The next step is to type the title as you want it to appear, in my case it is TUTORIAL. And then you have to type the URL of the label that categorize the post you want to show on your new menu tab (if you don't know how to get that URL then go to step 6)
 6. En este caso yo voy a utilizar un tutorial pasado. Para encontrar las etíquetas tienes que ver la entrada en vista web y al pasar el mouse sobre ella veras que muestra una dirección.


6. I have a previous tutorial with the tag I want so that's the one I'm going to use.
To find the labels you have to open your post using your browser (not preview). If you put the mouse over the tag you will see a URL adress, that's what we will need!



7. Entonces haciendo click derecho aparece un menú y seleccionamos copiar dirección de enlace la pegamos en el cuadrito y listo!

7. To copy the URL adress just right click on the tag you want and select copy link adress.

8. Ya que guardamos el vínculo nos va a aparecer nuestra nueva pestaña creada (junto con otras que yo ya tenía hechas), damos click en guardar y listo!

8. After you paste the tag link adress and save you're going to see a window like this with your new tab created (among other I previously had but that's other history) and that's all! Save again and your menu bar is going to be ready.


Asegurate de haberle puesto etiquetas a tus post si no no vas a poder hacer esto.
Si no sabes como poner etiquetas aun 
¿Te gustaría leer un tutorial sobre como hacerlo?
--
Make sure to have all your blogs tagged .
 If you don't know how to add tags, would you like to read a tutorial about it?




Follow Me on:



You Might Also Like

2 comentarios

SPONSORS

Fur And Shearling Coats

NETWORKS

Windy City Blogger Collective Member

AFFILIATES