Dedicated Labels Page

This is a reply to blog reader Azzul. Azzul asked if it is possible to give a dedicated page to Labels gadget as well, just like the Archive gadget. Yes you can, I'll be brief and show you how.

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Page Elements -

If you're using the new Blogger interface: Go to Dashboard - Layout-

Drag your Labels gadget and place it above your Blog Posts elements.

Step 2:

If you don't already have a static page for your labels, go create one.

If you're using the old Blogger interface: Go to Dashboard - Edit Posts - Edit Pages - New Page

If you're using the new Blogger interface: Go to Dashboard - Pages - New Page - Blank Page

Create a blank page with the title Labels. Once you have created the page, click on 'View Page' and note the address of the page.

Step 3: 

If you're using the old Blogger interface: Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) -

If you're using the new Blogger interface: Go to Dashboard - Template - Backup/Restore - Download Full Template - Close -  Edit HTML - Proceed -

Find for </b:skin> - Paste the following code directly below </b:skin> :

<b:if cond='data:blog.url != "http://yoboy-testblog7.blogspot.com/p/labels.html"'>
<style>
#Label1{
display:none;
}
</style>
<b:else/>
<style>
#Blog1{
display:none;
}
</style>
</b:if> 

Change the address in the first line to the address of your labels page (the one that you have gotten in step 2).
The code in place:

Step 4:

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

#Label1, #Label1 a{
text-align: center;
}

That's all folks. Have fun.