How to Divide Blogger Labels/Categories widget into Two Columns |caragory widgets|creat extra lable row

Filed under caragory widgets, creat extra lable row, Divide Blogger Labels, How to Divide Blogger Labels, lable columns

Home / blogger / How to Divide Blogger Labels/Categories widget into Two Columns

Filed under blogger, blogger tools, blogger trick, blogger tricks, blogger widgets, Blogging Tricks

|caragory widgets|creat extra lable row |How to Divide Blogger Labels/Categories widget into Two Columns|

Divide Blogger Labels/Categories widget into Two Columns

In blogger there are some problems come whenever we try to change the styles of our labels or categories, and any other modification is very difficult , so when my blog is on blogger i tries to devide my labels to multiple columns then for searching on internet and many attempts to use the trick in my blogger blog, I failed many times to do so always some problem ocures, but finally after many trials i got the full solution for Divide Blogger Labels in blogger , so

here i will show you how to Divide Blogger Labels in blogger blog step by step guide

Divide Blogger Labels

Default you only have single column for Labels. It is good for few labels . But if you have more labels, say 40 – 60 then the list goes very long. it is cool to have two or more columns for labels as shown in the image. It will take less space and looks good.

steps

To do this go to Layout & Edit HTML & Expand Widget Templates.
We need to find the Label id first. Press CTRL F and look for id=’Label
Your Label id may be id=’Label1 or id=’Label2.
Now look for the following code

]]></b:skin>

Now just copy the code given bellow and past it just before the , above code

#Label1 ul li{
float: left;
width: 45%;
}

Remember Label1 is your label id. If your label id is Label2 then use the code given below instead of above

#Label2 ul li{
float: left;
width: 45%;
}

Now click Save Template all done .

note—save a copy of template before any modification, it is better to take a backup.

Please Be Helpful Like-us

Article by ViewXP

ViewXP Hi I hope you will like this Article, here I will always try to improve the posts and site for better user experience, thanks for visit, Dheeraj Pro+ Like us on Facebook , Twitter and You can SUBSCRIBE FREE Email for future Updates.

ViewXP tagged this post with: