How to 2 column and 3 column label widget

How to 2 column and 3 column label widget into blogger templates
blogger label

Label widget is essential for easy navigation. Visitors always prefer this widget where hard to navigate through menu. Earlier label was only list style which occupy more space on your template. But after introducing cloud style by Google, as a result blog user is able to save space in blogger template.

However some blogger prefer to use list style label widget but often then face problem where there are large number of labels present. Because it occupy almost 50% space from your blog sidebar. So for solving this issue I am sharing a trick that will help you to split your blog label into 2 column and 3 column. Suppose your blog has total 10 labels then the code will split into 2 column so it will able to save space.  

Add 2 column label widget into Blogger Template

Step 1 Log in to your Blogger Account and Click on Template  ->

Step 2 Now click on Edit HTML-> Unfold code  

Step 3 Now find ]]></b:skin> by Pressing   Ctrl + F

Step 4 And Paste the below code above ]]></b:skin> 

/**Trick by www.bloggerspice.com**/
#Label1 li {
float:left;
width:50%;


Step 5 Now hit the save button.

Add 3 column label widget into Blogger Template

Step 1 Log in to your Blogger Account and Click on Template  ->

Step 2 Now click on Edit HTML-> Unfold code  

Step 3 Now find ]]></b:skin> by Pressing   Ctrl + F

Step 4 And Paste the below code above ]]></b:skin> 

/**Trick by www.bloggerspice.com**/
#Label1 li {
float:left;
width:33%;
}
#Label2 li {
float:left;
width:33%;
}


Step 5 Now hit the save button.
Go Up