Monday, October 15, 2012

Split Label into Columns in Blogger

If you have a long list of posts under your labels, it would be much better if you would arrange them in columns. This not  only improves the appearance of your blog but you also make it easy for your readers to access to your posts or to see your posts easily without having to scroll down. It is also a way of saving your space since they will occupy a less space.

This is an example of how labels usually looks like in a blog in one column;
 
 
 
How to Divide your Categories or Labels into Columns
 
  • Go to Dashboard
  • Template
  • Edit HTML
  • Proceed
  • Save your template before making changes
  • Click on the box next to Expand Widget Template
 
Using Ctrl + F, locate your Label id by typing this; id='Label. For example, my label id in this example is 2. Note that, the id='Label number differs and in your case, it might be a different number. 
 
  
Once you have located your label id number, using Ctrl + F once again, locate ]]></b:skin>. Place the following code just before ]]></b:skin>.

#Label2 ul li{
float:left;
width: 50%; 
 
 
 
Replace my id='Label2 with your  id='Label number. This is how my label looks like after I have arranged them into two columns;


If you have enough space on your sidebar and you would like to have more than two columns, decrease the 50% percentage to a lower number. Preview your blog and if your like what you see, click on Save Template.
 

2 comments:

  1. Try to make your website dynamic. If you website has a huge amount of content, you should use a content management system to build and manage your website. These systems use a database-driven architecture to call pieces of content from your website to make a web page on the fly as the web user requests it.

    ReplyDelete