How to 2 column and 3 column label widget

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

Comments: 3
data:blog.title
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.

Speak Your Mind

Thanks For Sharing I Have Used IT On My Blog http://fullydownloadzone.blogspot.com/

Hi Furqan...thanks for comment but I din't see it in your blog.

haha...weird

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *