Monday, October 17, 2011

Make posts on blogger tabs (or) pages.

Viewer : Is that really possible?
Author : May be!
Viewer : Then what are you going to say in this article?
Author : It is not merely posting on pages. Small trick with HTML and Blogger Labels.
Viewer : I don't think this is gonna workout! Am Curious to read more!
Author : Go Ahead:




  1. First of all, just categorize each post, with the help of labels.
  2. Delete the pages gadget from the layout section.
  3. Now, Add a gadget "HTML/Javascript
  4. Copy the following code and paste it in the HTML gadget.
        <ul>
        <li> <a href="URL">Page Name</a> </li>
        <li> <a href="URL">Page Name</a> </li>
        <li> <a href="URL">Page Name</a> </li>
        </ul>

  1. In this code, change 'URL' with the link of a label (say Krish-d-CSE) and change the page name to the labels name (Say KDC).
  2. Save it and drag the saved widget such that it occupies the place of pages gadget.
  3. Save arrangement. You would get posts under each category in live page.

Viewer : Wait lemme try.! ............................
             .
             .
             .
             .
             Wow! Got it. Thanks.

Author : You are always Welcome!

10 comments:

  1. Replies
    1. What exactly you don't understand?

      Delete
    2. Me neither. This is too complicated for some of us programming and blogging illiterates.

      Delete
    3. OK i was finally able to do it and it worked really well once I found the HTML/Javascript widget (I didn't realize it was a gadget). It worked beautifully, thank you!
      My problem is that I am looking to do tabs like the lady on this blog (hairspiration.blogspot.co.uk). the "My style" tab that she has is what I'm trying to do. A tab where I can put all my post that are related to a certain topic. I can't find any place where there's help for that. The whole pages and gadget thing is not working for me so far. I know I can make categories but I really want those tabs too. Any tips? :D

      Delete
  2. Im lost at step 3.... Searched the gadgets, no HTML/Javascript....?

    ReplyDelete
  3. Brilliant! Thanks a lot bhai!! :)
    By the way; would it be the same if I don't want to create an unordered list of the labels (ul). Suppose I want an ordered list (ol), will it still look the same or would it be kinda annoying...?

    ReplyDelete
  4. I am lost at step 5, where to change url ?

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. See Previous step Rahul.. In the "a href" tags, replace the original URL with the text 'URL'.

      Delete
  5. Hi Krish-d-CSE,
    For a non-techie like me, a visual aide that accompanies your numbered steps would be hugely helpful. Would really appreciate if you could provide screenshots or video.
    Many thanks.

    ReplyDelete