Powered by Blogger.
Menu :
Showing posts with label Pages. Show all posts
Showing posts with label Pages. Show all posts

What Are The Differences Between Pages And Posts?

Occasionally, we see a naive question about pages (static pages), and posts (dynamic pages), requesting a value comparison.
What are the advantages of using a page, instead of a post?
That question, worded in that vague way, cannot be answered. The various differences between pages and posts can provide advantages, or disadvantages. To evaluate a page or a post as an advantage, one must know the specific needs of the blog in question.

Long ago, Blogger blogs consisted simply of posts, displayed using the static Classic template. The "home" page of each blog was merely the most recently published post. Each post was published with an optional index, "Previous Posts", which listed merely the 10 posts previous to the post displayed. There was no
  • Archives gadget (Date sequenced post index).
  • Labels gadget (Topic sequenced post index).
  • Main page display (Date sequenced aggregated post display).
Other posts could be located, only one post at a time, by following the top link in "Previous Posts", from post to post - or directly, from any links in the posts.

With blogs published to Classic templates, important posts were directly accessed using in post links, intentionally added as the posts were composed.

In 2007, Blogger added the dynamic Layouts templates.

Instead of displaying the most recent post as the blog home page, they gave us the main page display, to display a sequential array of recent posts. Instead of the "10 Previous Posts" index, they gave us a true "Previous Posts" index, renamed "Archives", which indexed all posts in the blog.

All posts could be accessed, using either the Archives index - or by following the main page display links ("Newer Posts" / "Older Posts"), located at the bottom of each main page display segment.

Some blog owners, enjoying their blogs with the new Layouts templates and the Archives index, demanded special blog posts that were not indexed in the Archives gadget, and could be "hidden" from their readers.

Remember that all posts, using the Classic templates, were "hidden" - excepting important posts, directly accessed using in post links. To satisfy this new requirement, Blogger later added "pages", special posts that are accessed only when linked - never in archives, label searches, or main page displays.

Some time after adding the "pages" feature, Blogger added the "Pages" gadget, to provide an easy to setup index for important pages and posts. The term "pages" became used by many blog owners, to refer to both "ordinary" posts (aka "dynamic" pages), and "special" posts (aka "static" pages) - since both classes of "posts" could be accessed using the Pages gadget

The confusion between "pages" and "posts" is further aided because the edit wizards for each feature have a common overall display layout. Those blog owners not knowleagable about "pages" design may confuse the "page editor" and the "post editor", and continue to refer to everything as either "pages" or "posts".


This post, composed in the Page Editor.
Pages ("Static" Pages)
  • Are created using the page editor, accessed from the dashboard Pages wizard.
  • Are edited using the page editor, accessed using the dashboard Pages wizard, or the QuickEdit icon on the blog face.
  • Are not relevant to the date when published.
  • Cannot be scheduled, to publish in the future.
  • Cannot be properly created with a blank title - though malfunctioning Blogger code has occasionally allowed pages with blank titles, a mistake which has caused other problems with pages.
  • Cannot be created with a custom URL. A Page URL is rigidly based on page title, when published. URL Duplication prevention for pages is not understood.
  • Cannot use "Jump Break" in a summarised index (main page display).
  • Are limited per blog. Each blog can have a maximum of 20 pages - and deleted pages do not allow creation of additional pages.
  • Will host one single post.
  • Do not appear in archive indexes, label searches, and main page displays.
  • Do not appear in blog newsfeeds.
  • Do not have labels.


This post, composed in the Post Editor.
Posts ("Dynamic" Pages)
  • Are created using the post editor, accessed from the "New Post" button, located in the Navbar, or in the dashboard Posts List display.
  • Are edited using the post editor, accessed from the dashboard Posts List display, or the QuickEdit icon on the blog face.
  • Are relevant to the date when published. The URL of each post will always include the current year and month when published.
  • Can be scheduled, to publish in the future.
  • Can be properly created with a blank title - though problems occasionally make the post editor malfunction when publishing posts with blank title.
  • Can be created with a custom URL, when originally published. URL Duplication prevention for posts, especially considering "custom" URLs and post scheduling, is complicated - and has caused other problems with posts, and with their URLs.
  • Can use "Jump Break" in a summarised index (main page display).
  • Are unlimited per blog.
  • Can host multiple posts, using label searches. A label search can also be used as a dynamic page.
  • Appear in archive indexes, label searches, and main page displays.
  • Appear in blog newsfeeds.
  • Have labels.

In general, use of a page or a post, in any given scenario, is chosen based on the latter 6 details. When incorrectly chosen, we frequently see questions.
How do I publish a page with multiple posts?
or
How do I publish more than 20 pages in my blog?

This post is being published as a "dynamic" page. Click here, to see this post published as a "static" page - and click here, to see this post published as a portion of a label search "dynamic" page (with "Jump Break").

>> Top

The Page gadget: a menu bar for your blog, with links to just about anywhere

This article shows how you can use the Pages gadget as a general purpose menu bar for your blog.

Evolution of the pages gadget 

Based on a work by latvian (evolution)
 [CC-BY-2.0], via Wikimedia Commons
When Blogger first introduced so-called "static" pages, I thought they had a lot of potential.

As I investigated, though, I came to the conclusion that they were more trouble than they were worth, so I recommended abandoning them and just using posts.   Or at least abandoning the Pages gadget - even I sometimes use a Page for things that I don't want to send out in my RSS feed, eg custom-search-engine results.

But when the September-2011 version of Blogger  was introduced, the Pages gadget got a new feature:  now, it can include links to any website URL, not just your own pages.  

This makes it a lot more versatile - even though the effect is just the same as adding a Link-list gadget and putting it into the right area of the blog-layout.


How to add general web-links to your Pages gadget.

Make sure you are using the new (ie Sept 2011) Blogger software.  
(Get to it with the "switch to updated version" link if you're not - you can always go back later with the item in the gear-wheel menu, or the link on my sidebar)

Go to the Pages tab of your blog's dashboard.

Click the drop-down arrow beside New Page:



Select web-address

Enter the title that you want to show up on your menu bar  (phrases with spaces are allowed, some special characters may not be).

Enter the URL which should be opened when someone clicks on the new menu-bar item   (make sure the web-site address starts with http:/  )


Click Save

You can change the order of the items in your menu bar by picking them up using the "grab bar" to the left of the item name, and drag-and-dropping them up or down the list of menu-bar entries.



When your menu-bar items are in the right place, click Save Arrangement in the top right corner of the window.



What your readers see ...

Visitors to your blog will see a menu bar either at the top or the side depending on where you put your pages gadget.

Most readers will think that the items in your menu bar will take them to "pages" in your blog.   Iif they hover over an item in the bar, they will see the web-address it is linked to, in the same way that their browser usually shows this   (eg in Chrome, I see it in faint text at teh bottom left of the screen).

This will work well if the web-addresses you have added are within your own blog (eg search-labels, if you are using this approach to putting your posts into pages).

But it may be confusing if you've put in links to other websites, or invalid links   (remember, there was no "test this link" option when you were adding the web-site URL to link to).

Currently I do not know any way to make pages-gadget links to external websites open in a new browser window.    (If you know a way, the comments area is just below - please share!)




The Pages-gadget vs a Link-list

When the Pages-gadget was first introduced, they were just like regular linked-list:   the magic was that Blogger introduced a new area in the templates where linked-lists are formatted differently.

This is still true to a great extent.   But on blogs viewed with dynamic templates, the presence of a Pages gadget causes the layout to be a little different.  

I haven't tested it thoroughly, but I suspect that the presence of a link-list gadget on the template (remember, you cannot currently add gadgets to dynamic template blogs)  would not have the same effect.  

This makes me suspect that Blogger may introduce some other enhancements based on the Pages gadget, so it may be worth using them instead of Link-list gadget in the future, so as to get the benefit of these changes when they eventually happen.





Related Articles:



Putting your posts into Pages

Making your links open in a new browser window or tab

Adding a search tool to your blog

Adding gadgets to dynamic view blogs

Blogger'sPages are more trouble than they're worth

The difference between posts and pages

What are dynamic blog templates?

Posts, Pages and navigating inside your blog

This article explains Posts, Pages, and some ways that they can be used to help people move around inside your blog.

Overview:
Since Google introduced the new Pages feature, there has been a lot of confusion about Posts, Pages, Sub-pages, and how to categorise things.

This isn't helped by a lot of Blogger's own documentation, written before the Pages feature was introduced, which used the term "pages" to refer to a collection of Posts.

This article explains the difference, and looks at when each type of item should be used.


Pages vs Posts

A Post is the basic unit of information that you publish in Blogger.  Each post has a post-date, and this date is often the main tool for navigating around your blog.

On the surface, a Page is similar to a Post.  But really, they are quite different, and should be used for different things.

Pages are meant for static content that doesn't change often.  This is content that supports your main content, which is in your posts.   Because of this, Pages:
  • Cannot be set as your home page
  • Cannot be navigated to from the Newer/Older posts links
  • Don't have labels, 
  • Can only be navigated to from the Pages gadget - cannot be navigated to from the Labels gadget
  • Are not included in RSS feeds, 
  • Are not included when you export your blog contents,
Ideally, you should only edit your Pages very rarely.


Navigating around a Blog

When the Pages gadget is displayed as a horizontal bar, it looks like a menu bar.



This makes many people think that Pages are the main way of navigating around a Blog.  This wasn't true, initially, but recent changes to the Pages gadget have made it more helpful.   That said it's not the only - or best, IMHO - way to get your users navigate.

The tools that Blogger provides for navigating around a blog are:
  • The Labels gadget (to list posts by category) - you can use it to make it seem like you have put your posts into "pages"
  • The Archives gadget (to go directly to a post by date)
  • The Newer/Older posts links (to go through the blog one screen at a time)
The Linked List gadget can also be used for navigation, provided you set it up with links to Posts in your blog.  

And you can put links between individual Posts using regular hyperlinks (select the text, cick the Link item in the toolbar, put in the URL of the post that you are linking to).

The Pages gadget is not intended for navigating through most of the contents your blog - it is only useful for getting directly to reference information that isn't stored in the same sequence that your main blog contents are.


Related Articles: 


Blogs, Blogger, blogger, Post, Pages and  Labels - some basic definitions

The difference between Posts and Pages

Why Blogger's "static" pages are more trouble than they're worth

Categorising Items in your Blog

Putting your posts into "pages"

Jump Breaks and Posts

How to put put Posts into your Pages in Blogger

This article shows how to set up your blog, using Blogger, so that it looks like your posts are on separate web-pages.


Can you put Posts onto Pages in Blogger?

Ever since Google introduced "pages" into Blogger, people have complained that their posts all go onto the "home page", and asked how to put posts onto different pages in their blog.


The standard, but unsatisfactory, answer is
"Sorry, that's not how Blogger works.   So called "static" pages in Blogger are meant to be used for reference information that doesn't change often, which you don't want to be part of your regular post-feed, but which you do want users to have easy access to."

Basically, this is part of the difference between post and pages.

Luckily it's easy to set up your blog so that it looks like your posts are on different pages [tweet this]    (even though you and I know that this isn't how Blogger works) by following three simple steps.


Follow these steps:

1   Add Categories

Categorise your posts by adding Labels to them.   (Either all of them, or just the ones that you want to show up on specific "pages".)


2 Make a "pages look alike" menu bar:

There are (at least) are three ways of doing this - choose which ever one suits your blog best:

a)   With a Labels Gadget:    

Use the usual add-a-gadget approach to put a Labels gadget into the spot where you would put the Pages gadget if you wanted to make a horizontal menu bar with it.

If your blog has some Labels that you don't want to have "pages" for, then set it to show only some of your Labels:

         b)   With a Linked-list gadget:   

Use the usual add-a-gadget approach to put a Link-list gadget where you would put the Pages gadget if you wanted to make a horizontal menu bar with it.
Add a link to the list for each Label that you want a "page" for.   The HTML to use for each Label value is

http://YOUR-BLOGS-URL/search/label/THE-LABEL-NAME

You can also add other items (eg individual Posts, or even Bllogger's static "pages" if you really must have them - see why I don't like them!) - see the menu bar at the top of this site for an example of this.


c)   With a Pages gadget:   

Use the usual add-a-gadget approach to put a Pages gadget into the menu bar area.
Use Label-links described above the Linked-list gadget option, as website links to add to your Pages gadget.
Due to the increasing importance of mobile templates, this is now the option that I recommend, because the pages-gadget does automatically appear on mobile-templates. 

3   Deal with the home-page

If you don't want your posts to appear on the "home page" was well as the topic pages, then there are two options:

OR

  • Give your blog a "home page" using the custom-redirect option discussed in this post.


Job Done

It really is that simple.  Your readers can now click on the "pages" in your blog from a "menu" at the top, and see a list of posts for the Page that they chose. 

Even better, if some posts relate to more than one topic, they show up on both of the relevant pages.    And if you have used the Pages gadget, your blog is well set-up to work with a mobile-template - which is something that is getting more important every month.

Don't forget to test your blog, to make sure that the menu bar is working how you expect it to and that it looks OK, in all the browsers that your readers are actually using.




Related Articles:

Using Labels to group your Blogger Posts

Adding external and internal URLs to your pages-gadget / menu bar

Giving your blog a home page

The difference between posts and pages

Showing a Gadget only on the Home Page

Making your blog work for people using smartphones and tablets

Blogger's "static" Pages are more trouble than they're worth

Blogger's "static" or stand-alone pages have some benefits - but also a number of disadvantages.   Use them sparingly!


Overview:

Previously I've described the Pages feature that Blogger introduced in February 2010, and the differences between Pages and Posts.

There are times when stand-alone Pages are a handy feature.

But overall I've decided that the disadvantages are a lot greater than the advantages.  From now on, any blogs that I work on will get horizontal menu bars made from Link-list gadget, or perhaps just menus made with HTML, and the vast majority of content will go into Posts not Pages.

Here's why.


The Page title is the Menu-bar value

When you create a page (Dashboard > Pages > New Page), you can
  • Give it a title, 
  • Write the content, 
  • Allow viewer comments or not
  • Handle <br />'s (or not)
  • Say whether any HTML in the page is interpreted (ie used to control the display), or displayed (the code vales, not their effects, are always shown).
Blogger has standard rules for how the items that you enter are turned into HTML.  In particular, the Page-title (and Post-title too) is given a H3 (header three) tag.   And this particular tag is very important to the search-engines, so bloggers who care about whether the search-engines find their blog or not pay quite a bit of attention to the words in the title.

The problem is that the Page title is also the value that's put on the menu bar if you are giving access to your Pages with the Pages-gadget (and most people are):



That's ok, if you use only a short-ish titles.

The HTML behind the Pages gadget used an un-ordered list:  this it what lets it display horizontally if it's in the header, and vertically if it's in the sidebar.   But when it's horizontal, if the values are longer than one line then it simply spills onto the next line.   This can happen if a viewer had a low screen resolution - or if you've used lots of search-engine friendly key-words in the Page-titles:



And there's the crux of the problem:  since the Page-title is the H3 header, it needs to be long and descriptive to give the search engines a good chance of finding your page.  But make it long, and the Pages gadget looks awful, and is confusing for viewers.

Of course I could use Pages, and build a menu-bar to access them using a linked-list gadget (or even just HTML for a table).  But if I'm doing that, it's just as easy to make the menu-bar "items" out of Posts as it is from Pages - and using Posts avoids the disadvantages which Pages have (eg not included in the RSS feed, no Labels, etc).


Other problems:

There are some other problems with Pages, including:

An unclear name:   

Blogger decided to call the feature that they introduced "Pages".  Most help-article writers outside of Google used the phrase "static pages", to make a clear distinction between these new "pages" and the existing main page, layout-page, archive-page (not to mention the way that "page" refers to a screen in most websites).  But there are still dozens, maybe hundreds, of official help articles from Google, and unofficial ones from the rest of us, that refer to "Pages" in the older screen-full-of-text sense.

User confusion:

New Blogger users see Pages, and assume that it's possible to put blog-posts onto the individual pages, just like you can put content into pages in other websites.   Some spend a lot of time looking for ways to do this - time which IMHO would be better spent just adapting to Blogger's way of working, or moving to another tool that has native support for classical web-pages if that's what they really need.

RSS Feed:

Pages aren't included in a blog's RSS feed - a new page is not notified to Followers or feed-subscribers.

Backups:

When the feature was first introduced, Pages weren't included in exported blog-content files.  So the only way to back them up, or even transfer them to another blog, was to manually copy the contents.   (This feels like the sort of thing that Google might quietly fix - I haven't tested to see if they have or not.)

No labels or date:

Static-pages don't have Labels or dates, so there's no way for them to be included in the display shown on Archive or Label pages. This also confuses some readers.  It also means that a Page can never be used as the target page for any of the standard tricks that can be used to give your blog a "home page".


Conclusion:

None of the individual problems were enough to make me stop using Pages.

But the combined effect of the SEO / header-display problem and all the other issues means that I now believe that
"Static-pages are trouble than they're worth."
I'll still use the page-gadget area in designer templates to make my own horizontal menu bar, because I rather like the way that linked lists are formatted in most of the templates.  I might even make it look like I've put posts into pages using this menu.   And I'll happily use Pages to display the results of Google Custom Searches (since there's no need for these to be fed, backed-up etc)

But I won't be pointing to any new stand-alone pages made with the Posting > Edit Pages menu.



Related Articles:

Blogger's Static-Pages feature

Putting Posts into your Pages

Google Custom Searches - putting one into your blog

The differences between Pages and Posts

Blogs, Blogger and bloggers; Post, Pages and Screens:  some basic definitions

Giving your blog a "home page".

Displaying a gadget only on static pages - or on everything except static pages

This article is about how to set up a gadget / widget in Blogger so that it is only visible on the "static" pages in your blog.

Note:  in Blogger, the words "gadget", "widget", and even "page-element" all mean the same thing - basically a bit of code that can be put into your blog without looking like code, and which does a specific thing.

I generally use "gadget", because the Page Elements tab currently says "Add a Gadget".  But they're absolutely the same.


Making a gadget that only shows on static pages:

1 Make the gadget

Do this in the usual way, using Design >  Page Elements > Add a gagdet.



2 Drag-and-drop the gadget to the place where you want it

A popular place for a gadget that is going to look like a "home page" is in the Body section, just above the Blog Posts gadget, where "Test Gadget" is in this example:




3 Edit the Gadget again

Don't make any changes to it - just maximise the window, so you can see the WidgetID, which is at the very end of the address bar at the top.

Make a note of the value.   (In this example, it's Text1).




4 Find the code for your gadget and edit the template:

Edit your template  (Design > Edit HTML)

Download a copy of the template, and put it somewhere safe.

Use your browser's text search tool (Edit / Find in Firefox) to look for the widget name that you noted in step 3.  Notice what comes after it.   In this example, it's the line for Blog1:
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Text1' locked='false' title='Test gadget' type='Text'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>


Click the checkbox (so it's turned on)

After the expanded template has downloaded, find the widget name again.  This time it will look a bit longer (the exact details depend on what type of widget/gadget it is.)

  <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Text1' locked='false' title='Test gadget' type='Text'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

5 Add conditional formatting:

You need to put conditional formatting code around the code for the gadget - makings sure that it doesn't go around the code for anything else!  (which is why you noted what comes afterwards in step 4)

The code to use is:
<b:if cond='data:blog.pageType == "static_page"'>
THE CODE FOR YOUR GADGET GOES IN HERE

</b:if>

The example above looks like this, when the code has been added:
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Text1' locked='false' title='Test gadget' type='Text'>
<b:includable id='main'>
  <b:if cond='data:blog.pageType == "static_page"'>  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:if></b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

ALTERNATIVE:

If you want the gadget to appear on every page except static pages, use is

<b:if cond='data:blog.pageType != "static_page"'>
THE CODE FOR YOUR GADGET GOES IN HERE
</b:if>
See the slight difference:    !=     instead of   ==


NOTE:  
Copy and paste is the best way to transfer the code.  If you must type it in yourself, be very careful about what's a single quote mark and what's a double quote mark.


6 Check that it's worked

Preview your blog before you save the changes:  check that the the widget is visible.

Save the template changes, and look at your blog.  Check that
  • The widget is, or is not, on static pages (depending on what option you chose)
  • The other elements of your blog (other widgets, blog post titles, dates and contents) are all as you expect them - on the first screen, and on other screens too.

If anything is wrong with how your blog is working, go back to the template editor (Design > Edit HTML), and upload from the copy of your template that you made at the beginning of step 1.   This will let your blog work properly, while you figure out what went wrong.



Related Articles

Static Pages in Blogger

Controlling what goes on the homepage

Showing a gadget only on the home-page.