Dropdown Tags for Blogger

How nice it is to find a clean blog, where everything is tidy, navigation is comfortable, there is not too much advertising that is annoying and without those obnoxious pop-ups that jump two by three forcing you to subscribe or like them.

We well know that the design is the cover letter, a detail in Blogger that is usually overlooked are the tags or categories, if we have many and we enable them all, our sidebar will be so long that it will only bother the reader and in certain mode will slow down the loading of the blog.

Unlike WordPress that with 1 click allows you to place the labels in a drop-down way, in Blogger we do not have that option, except with the blog files, but in the case of the labels we have to put our hands on the code to do it. But it is not difficult, on the contrary it is very easy, below I will explain how step by step how I have it configured here on the blog.

How to put drop down tags in Blogger

Before starting, as always, it is recommended that you make a backup copy of your template. Template menu> Backup / Restore> Download full template.

Step 1:. Add the Tags gadget in your sidebar if you don't have it. Design menu> Add a gadget> Tags.

Step 2:. Go to the HTML edition of your template, press Ctrl + F to search for the word «Tags" (without quotation marks). Keep in mind that if you have given it another name, you will have to look for that other title instead of Tags.

Step 3:. You will see that the line of code that corresponds to the labels is:

Eye! «Label1»Can vary by« Label2, Label3… »if it is not your first gadget and also«Title =»If you have given another title to the tag gadget.

You found it? It should look like this, don't expand itSimply select all that line and delete it including ... which is the closure of the gadget from the tags.

As can be seen in the following screenshot:

Step 4:. Instead of that line you removed, paste the following:

<b:widget id=’Label1'locked =' false 'title =' Labels' type = 'Label'>

Choose a label


( )

</div>