Tuesday, 23 December 2014

Learn How to Make Category Tabs and Labels in Blogger

Make Category Tabs in Blogger
NOTE (March 2014): Blogger has moved the function to set the category URL from the Pages section below to the Pages Gadget. You don't add category links in the Page but add them in the Gadget - this will be updated soon. It was a great addition to Blogger when they added the tab menus as a feature. However, many times I've heard people asking how they can alter their menu tabs to be Blogger categories instead of Pages. Good news is that this is a very simple thing to do and only requires a few steps.

What you may not have realized is that in the Blogger Pages menu item is the ability to link to a URL instead of a Blogger Page and that Blogger categories (or labels) are just that - blogger URLs. 

Getting the Category URLs

First thing you want to do is to make sure each of your posts have labels defined. If you want your posts to be seen in only one category then you can only give each post a single label. Next stepis to find the URL of one of your Blogger categories by clicking on the category directly like this:

Make Category Tabs in Blogger
In my Wordpress test template blog you can see I have 2 labels or categories defined. Once you click on it go up to your browser's URL to see what the category link is. Interesting result -- they're just searches:

Make Category Tabs in Blogger

You can see that the label URL is just(yourblog)/search/label/(labelname). Make a copy of your label URL and save it off to the side for a moment.

Setting the Tabs to Point to a URL

Now, go to the Blogger main menu and select the 'Pages' item and 'NewPage':

Make Category Tabs in Blogger
What you'll see at this point is a drop down selection of if you want a new Blank page or to enter a Web address.  Select the 'Web address' like so:
Make Category Tabs in Blogger

What you'll want to do now is to enter your Lable/Category in the first text box and the URL you just saved in the 'Web address (URL)' box like this:

Make Category Tabs in Blogger

Press 'Save' to add this category page to your list of Pages. If you read some of my earlier tutorials you saw that in order for tab menus to appear on you blog, you first have to set the 'Show pages as' to 'Top tabs':


in order for them to show up on your blog. Be sure the 'Pages' widget is added as well in the Layout manu of your blog in the right spot - this is where the Tabs will show (ignore the 'Edit' button here - just make sure the Pageswidget is there):

Make Category Tabs in Blogger

Once you save your template you should see your new tab at the top of your blog:

Make Category Tabs in Blogger
If you click on this what happens is you're directed to the URL you entered in the Pages section. One thing you may notice right away, however, is this not so nice search result image at the top of your blog:

Make Category Tabs in Blogger

Removing the Search Label

If you don't like that appearing you can remove it by editing your template directly. Just go into the template editor and choose 'Edit HTML':

Make Category Tabs in Blogger
If you hadn't noticed there was a change in the html editor for Blogger. Key things to note are the expand triangle on the side, the new 'Jump to widget'dropdown, and the selections within:

Make Category Tabs in Blogger

The search result image that we want to remove is located just above the Blog section of your template. In my case it is called 'Blog1' which is the default. However, yours may have a different name if you named your Blog widget different.  Just select that from the drop down and expand the triangles next to the lines that have widget: id='Blog1' and widget: id='main' like this:

Make Category Tabs in Blogger

What you're looking for is the ling that says b:include data='top' name='status-message'. That is the status image we want to disable. Just add the html comment characters (<!-- and -->) to both end like I've circled above to disable that message.  Save your template.

That's it! You now have a menu tuned to your categories rather than pages. This will be especially useful if you have a news site. You can look at my tab example called 'Backgrounds' on my Wordpress test template blog here:

Make Category Tabs in Blogger


Good luck!



Blogger Blog does not support categories but has only comes with labels, In thistutorial i will show you how to manually create categories in Blogger blog. Category is a very important section of any blog or website, because with the help of categories people can easily find what they are looking for. Now we would manually create category section in blogger from labels, This tutorial is aimed at beginnerbloggers, Let me explain how to add category section in blogger blog.





The first and easiest way to create categories section in Blogger is to rename the section of labels widget as categories. Of-course this is not the appropriate solutionfor a blog in which there are huge number of labels. An easy way round this problem is create a separate categories section.



Adding categories section to a Blogger blog involves following steps :

1. First of all you have to decide how you want to group your articles, according to the labels applied, and what group heading you want to give to each grouping of articles.


2. Navigate individual page of the label for first category which you want to use by clicking on the label in side bar. Copy URL address of this page. For example the URL address of the label of Blogger Widget on my site is :

http://things-guide.blogspot.in/search/label/Blogger%20Widget






3. Now go to Dashboard > Layout > Add a Gadget > Link List






5. Enter "Categories" as the title


6. In the Configure Link List dialog box, paste the link of the label you've copied from the address bar to Site URL





7. Enter the name of your Category


7. Click on Add Link to add the link to your new categories list.
8. For every label you wish to put into the Categories Section copy the link and add itto the Configure Links List. By the end you will end up with two or more categories in your list



9. Use the arrow keys to each link to move them according to your choice where you want to place them.


Limit the number of posts :You can also Limit the Number of Posts Displayed in the Categories Section. For this you will need to adjust the URL's of each label as follows :



From :
http://yoursite.blogspot.com/search/label/CategoryName


To :
http://yoursite.blogspot.com/search/label/CategoryName?max-results=max number of posts to display


Change the value of max results to number of posts you want to display, for examplemax-results=20


I hope this Tutorial of manually adding categories using the Link List widget intoblogger blog would of great importance to you.
Previous Post
Next Post

post written by: