How to - Divide a Label into two Parts/Columns in Blogger Blog

Dividing label is awesome idea to show your label content with more attractive way. This will be the very good navigation of your website. If you want to divide label widget into two columns, you need to add small set of CSS code into your blogger HTML template. In this blogger technique title will remains a single row, but label content will divide into two columns. You need to find Label id first. Press CTRL+F and look for id='Label'. In this Case just assume your label id is "Label".

The below steps will help you to divide label into two columns.

Step 1: Log in to blogger blog.

Step 2: Open the template section and Click Edit Template.

Step 3: Now look for following code from you HTML Template.

]]></b:skin>

Step 4: Then add the following CSS code before the ]]></b:skin>.

#Label ul li{
float: left;
width: 50%;
}

Step 5: Save your template and refresh page.

That's it now you will be able to view label with two coulmns. I hope the above tutorial is helpfull for you.

Thanks!!!

Related Links

How to hide a Widget Only In a Particular Page in Blogger Blog
How to - Remove Sidebar from the Static Pages in Blogger Blog
How to hide Widgets from Static Pages in Blogger Blog
How to show Blogger Widget Only in Post Pages
How to show the Widget in a Specific Page in Blogger Blog
How To Show Widgets Only in Static Pages in Blogger Blog
How to Add Google+ Badge with Profile Image and Follow Button
How To Show The Widgets Only On Homepage of The Blogger Blog
How to Remove Or Disable Navbar From The Blogger BlogSpot
How to Remove "Home" Link Permanently From the Blogger Blog Post Page