How to 2 column and 3 column label widget

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

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.
How to 2 column and 3 column label widget
4 Stars stars - "How to 2 column and 3 column label widget" Label widget is essential for easy navigation. Visitors always prefer this widget where hard t...

Post a Comment

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.

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

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 *