Adding a separator line between your posts

<b>This article shows how to put a horizontal separator line between posts in your blog, using either HTML's line command, or CSS rules.  It also has suggestions about ways of formatting these lines using different colours and line-styles.</b> <br /><b><br /></b> <br /><div style="clear: both;"></div><a name="more"></a><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxd7wl0pz3dsBJZZL9Uplhlr1EFXnMVSbsBPlQvJLj8RA1O8V1a-u9rZFN3T9IqHzoM551a-OOB6_NLjbnwLPAa_FhTdTWWaQT62efC9Ar4us2juAzE0XDGoYgWHDDIh9vx65kqD-L8QsN/s363/lines-between-posts-pages-blogger.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br /><img border="0" height="217" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxd7wl0pz3dsBJZZL9Uplhlr1EFXnMVSbsBPlQvJLj8RA1O8V1a-u9rZFN3T9IqHzoM551a-OOB6_NLjbnwLPAa_FhTdTWWaQT62efC9Ar4us2juAzE0XDGoYgWHDDIh9vx65kqD-L8QsN/s320/lines-between-posts-pages-blogger.png" width="320" /></a></div><br />There are at least four approaches to choose from if you want to put a divider between your posts in Blogger.  These days, I prefer the CSS-rule approach, because it's so easy and flexible.  But I've shown details of a few other methods too:<br /><ul><li><b>Manually</b> add a horizontal line command to each post</li><li>Use the <b>post-footer colour block</b> as a line (in Designer templates only)</li><li>Add the HTML command for a line to the main section of your <b>template</b>, in one of the post-footers </li><li>Add a top or bottom-border to the <b>CSS rule</b> that formats the body of your posts.</li></ul>The following sections give more detail about each option, including how to apply them to your blog, and their advantages and disadvantages.<br /><br /><br /><h2>Manually add a line to each post</h2>When you are editing a post, you can put a horizontal line anywhere in the contents.<br /><br />In the post-editor:<br /><br /><ul><li>If  Post options > Compose Settings is set to  Interpret typed HTML, then you can just type <hr />, and Blogger will place a line like this in your post.</li></ul><br /><br /><ul><li>If  Post options > Compose Settings is set to  Show HTML literally, then you need to switch to the HTML tab before you type <hr />.</li></ul><br /><br /><b>Disadvantage: </b>If your post is set to display comments, or the blog is set to show the author, labels etc under the post, these items will be underneath any line that you add manually to a post.<br /><br /><br /><h2>Designer Theme - post footer colour</h2>If your blog has a designer theme (ref, <a href="http://blogger-hints-and-tips.blogspot.com/2010/03/types-of-blogger-template.html">What sort of theme have I got</a>), then the <b>Theme Designer > Advanced </b>tab may have an option for setting the <b>background colour of the post-footer</b> (depending on which theme you are using).<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0UCacyUeJd35mGRwzUAPMEDZp2yhoceaPDBvC6qsPFa2fex2T-Ij_EXyEdRgwRIobfXXzwvUg7fAKmhUnFL-wpjzEvzvKZozQIz9ETj39VB4aVkj1Sny61RjRsQrEtXVhei0NUwm3I7k/s1600/4+-+designer+template+approach.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0UCacyUeJd35mGRwzUAPMEDZp2yhoceaPDBvC6qsPFa2fex2T-Ij_EXyEdRgwRIobfXXzwvUg7fAKmhUnFL-wpjzEvzvKZozQIz9ETj39VB4aVkj1Sny61RjRsQrEtXVhei0NUwm3I7k/s400/4+-+designer+template+approach.PNG" width="400" /></a></div><br /><br />If you use a dark colour (or have a dark background and use a light color), this makes the post-footer look like a line.<br /><br /><b>Disadvantage:  </b>The "line" might be a bit thicker than you like.   And if your post is set to display comments, or the blog is set to show the author, labels etc under the post, these items are shown right inside the footer line.<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjRBE4Ssx2MNviUqBfXj7k8Ba8C0jNkjl-j6c4G4Hv2DU_NNcH4wMn9Hm4LdFW3t5qgKOpqFr-YqC30TR1-V5fKwv7pTLX8Jh0wd7cgaHf1p7EJUKZuxzBMUtT-TWqKT-Xwj3PGzXhmtR/s1600/5+-+how+the+DT+approach+looks.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjRBE4Ssx2MNviUqBfXj7k8Ba8C0jNkjl-j6c4G4Hv2DU_NNcH4wMn9Hm4LdFW3t5qgKOpqFr-YqC30TR1-V5fKwv7pTLX8Jh0wd7cgaHf1p7EJUKZuxzBMUtT-TWqKT-Xwj3PGzXhmtR/s400/5+-+how+the+DT+approach+looks.PNG" width="400" /></a></div><br /><br /><br /><h2>Add a line-command to your theme</h2>If you don't like the other two approaches, you can change your theme to add a horizontal line.  To do this:<br /><br />Edit your blog's theme <a href="https://blogger-hints-and-tips.blogspot.com/2012/02/how-to-edit-your-blogger-template.html">in the usual way</a>.<br /><br />Most themes have three footer lines:  what is in each one depends on the theme, and how you have arranged the items in the <b>Layout > Blog Posts</b> editor.  Look at the theme for code like this:<br /><blockquote><i>       <div class='<b>post-footer-line post-footer-line-2</b>'><span class='post-labels'></i><br /><i>        <b:if cond='data:post.labels'></i><br /><i>          <data:postLabelsLabel/></i><br /><i>          <b:loop values='data:post.labels' var='label'></i><br /><i>            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></i><br /><i>          </b:loop></i><br /><i>        </b:if></i><br /><i>      </span> </div></i></blockquote>OR <br /><blockquote><i> <div class='<b>post-footer-line post-footer-line-3</b>'/></i><br /><i>    </div> </i></blockquote><br />Add the <hr /> command to which ever of the footer-lines you want it in, for example<br /><blockquote><i> <div class='post-footer-line post-footer-line-3'/><br /><b><hr /></b></i><br /><i>    </div> </i></blockquote><br /><b>Advantage:  </b>you can easily place the divider line anywhere you want it, relative to the other items in your post-footer. <br /><b><br /></b><br /><b>Disadvantage:</b>  you need to modify your theme, and this does have <a href="http://blogger-hints-and-tips.blogspot.com/2010/06/editing-your-blogs-template-advantanges.html">some risks</a>.  And it does use the <hr /> tag which some people (CSS purists) suggest is not a good idea.<br /><br /><br /><br /><h2>Enhancements to the basic <hr /> command</h2>There are lots of ways you can modify the <hr / > code.   For example<br /><br /><hr style="text-align: left;" /> -  to left-align it<br /><br /><hr style="color: red;" /> -  to change the colour <br /><hr style="width: 50%;" /> -  to make it narrower<br /><br />See w3c.schools<a href="http://www.w3schools.com/tags/tag_hr.asp" target="_blank"> <hr /> tag</a> for more information.  <br /><br /><br /><br /><h2>Add a border to the CSS rule that formats your posts</h2><div style="background-color: #4c1130; color: white;"><b><span style="font-size: x-large;"></span></b></div>The cascading-style-sheet rules in your theme control most aspects of how your blog looks.   They can be a very powerful way to control how your blog looks - and give a quick way to add a line between your posts.<br /><br /><h3>What to do</h3>If you have a designer template, then the quick way to make this change is to <a href="http://blogger-hints-and-tips.blogspot.com/2010/09/adding-new-css-formatting-rule-to-your.html">add a CSS rule to your theme</a>.  The rule code to add is:<br /><blockquote style="background-color: #ead1dc;">.post-body<br />{ <br />border-bottom:1px dotted #666666; <br />}</blockquote><br />or this one if you want the border at the top of each post:<br /><blockquote style="background-color: #ead1dc;">.post-body<br />{ <br />border-top:1px dotted #666666; <br />}</blockquote><br /><h3>Making more complex changes</h3>The CSS rule that controls how the "body" of your posts look is .post-body.   To make changes to it:<br /><br />1 Edit your theme in the usual way.<br /><br />3 <b>Look for .post-body</b> in the rules section . It will look something like this, but  the exact lines and values may be different:<br /><blockquote style="background-color: #ead1dc;">.post-body { <br />margin-top: 0;<br />margin-$endSide: 2px;<br />margin-bottom: 0;<br />margin-$startSide: 3px;<br />}</blockquote> 4  If you <b>can</b> find a .post-body rule, then add this line, just before the } character.<br /><blockquote style="background-color: #ead1dc;">border-bottom:1px dotted #666666;</blockquote>5    If you <b>cannot</b> find a  .post-body statement in the rules section of your template, then you need to <b>add it</b>.<br /><br />Put it somewhere:<br /><blockquote><b>After</b>    <b:skin><![CDATA[/*<br /><br /><b>Before</b>  ]]></b:skin> </blockquote><br />But not in the middle of any other rules: look at how the rest of that section of your template is laid out for clues.<br /><br />The statement to add is something like the following, though you may want to try out different values for parts of it.:<br /><blockquote style="background-color: #ead1dc;">.post-body {<br />border-bottom:1px dotted #666666;<br />margin-top: 0;<br />margin-$endSide: 2px;<br />margin-bottom: 0;<br />margin-$startSide: 3px;<br />padding-top:10px;<br />margin-top:20px;<br />} </blockquote><span style="font-size: large;"><b><br /></b></span><br /><h3>Alternative formats</h3>The #666666 means draw the line in black - you may like to use a different colour, or use the word "solid" instead of "dotted" to make a firmer looking line.<br /><br />As an alternative, you can say border-top:1px dotted #666666; - this puts a line at the top of the body of each post, just underneath the title.<br /><br /><hr /><br /><h2>Related Articles</h2><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/types-of-blogger-template.html">What sort of theme have I got</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/06/editing-your-blogs-template-advantanges.html">Disadvantages of editing your blog's theme</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/09/adding-new-css-formatting-rule-to-your.html">Adding a new CSS rules to your theme</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/09/centering-post-title-or-page-title-in.html">Centering the Post-title or Page-title</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html">Putting HTML from elsewhere into your blog.</a>

Adding a separator line between your posts

This article shows how to put a horizontal separator line between posts in your blog, using either HTML's line command, or CSS rules.  I...

Read more »

How to put posts into pages in Wordpress - without using a plug-in

<b>This article shows how to set up your blog made with Wordpress so that that (it looks like) your posts are on separate web-pages, without needing to install any plugin.</b><br /><b><br /></b> <b>(For this task, the answers for Wordpress.org and Wordpress.com are so very similar that they have been combined into the one article.)</b><br /><br /><br /><div style="clear: both;"></div><a name="more"></a><h2></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVuZG_WOCCZMmHnwRI6c2aYqbamwDQEInRLwXKo_odynsk7JzczQHXSRjava3fh1pddIIPeZUZC7uMrnZNTAYLxIUWl-vuxA9M-XmYwXn2kqN78GINDU4wPo8zZLchyrSw4MLfqz0x4dGD/s1600/how-to-put-posts-into-pages-blogs-made-with-wordpress.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="1081" data-original-width="1185" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVuZG_WOCCZMmHnwRI6c2aYqbamwDQEInRLwXKo_odynsk7JzczQHXSRjava3fh1pddIIPeZUZC7uMrnZNTAYLxIUWl-vuxA9M-XmYwXn2kqN78GINDU4wPo8zZLchyrSw4MLfqz0x4dGD/s320/how-to-put-posts-into-pages-blogs-made-with-wordpress.png" width="320" /></a></div>Wordpress, like most blogging platforms, is basically made up of Posts, Pages and Widgets (aka gadgets).<br /><br />People who are building blogs often want to "put posts into pages" ie to have a page which shows a subset of their posts, based on the category.   <br /><br />The standard, but unsatisfactory, answer is<br /><blockquote>"<i>Sorry, that's not how Wordpress works.   Static pages are 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.</i>"</blockquote><br /><b>Luckily it's easy to set up your blog so that it looks like your posts are on different pages </b>by following three simple steps.   This is an out-of-the box function and <b>no plug-in's are required.</b><br /><br /><br /><br /><h2>Follow these steps to put your posts into pages</h2><br /><h3><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRZ62tljND7WCFI4zoEkbXUoVB3UOMo5K9LJrxU_2x_ySPquOiz2IZBY-XZQC9r0zM6srdNat7SMN8TA8TAvDgxkIZ8DK0vIeEhnFJvs3KH2Y_Bel-02QQ7keFw8nk9DCI0KVbusywO3x8/s1600/add-category-to-a-post-in-wordpress.PNG" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="375" data-original-width="384" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRZ62tljND7WCFI4zoEkbXUoVB3UOMo5K9LJrxU_2x_ySPquOiz2IZBY-XZQC9r0zM6srdNat7SMN8TA8TAvDgxkIZ8DK0vIeEhnFJvs3KH2Y_Bel-02QQ7keFw8nk9DCI0KVbusywO3x8/s200/add-category-to-a-post-in-wordpress.PNG" width="200" /></a></div>1   Add Categories to your posts</h3>Edit each post, and add one or more Categories to it.   <br /><br />It's your choice whether to add a Category to all posts, or just the ones that you want to show up on specific page-look-alike ones.<br /><br /><br /><div style="clear: both;"></div><h3>2 Make a menu</h3>Skip this step if your blog already has a primary menu.   But if it doesn't:<br /><br /><h4>Wordpress.org users:</h4><ul><li>In your Wordpress dashboard, go to <b>Appearance > Menus</b></li><li>Enter a name for the menu.   fyi, this name isn't displayed, it's just used to help you know which menu is which,  I usually call it   topMenu</li><li>Under <b>Menu settings > Display Location</b>, click   Primary menu</li><li>Click the <b>Save Menu</b> button</li></ul><br /><h4>Wordpress.com users</h4><ul><li>In your Wordpress dashboard, go to  <b>Customize > Menus > Add a menu</b></li><li>Enter a name for the menu.   fyi, this name isn't displayed, it's just used to help you know which menu is which,  I usually call it   topMenu</li><li>Click <b>Create Menu</b></li><li>Under <b>Display Location</b>, click   Primary menu</li><li>Click the <b>Save and Publish</b> button</li></ul><br /><h3>3   Add each Category that you want a page for to the menu</h3>In the Wordpress dashboard:<br /><ul><li>Wordpress.org users, choose  <b>Appearance > Menus</b></li><li>Wordpress.com users, choose <b>Customize > Menus</b></li></ul><br />Choose the menu which you want people to use to a page of posts  (mostly this will be the primary menu - but in theory you could use any one).<br /><br />Wordpress.com users - you also need to click <b>Add Item</b> here, to open the next screen.<br /><br />In the screen that opens, there are four types of items that you can add to a menu.   Click on the <b>drop-down arrow beside Categories</b> to see the current list of category values which you have added.<br /><br />Select the Category-value(s) that you want to have pages for, and click the <b>Add to Menu</b> button.<br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjaLSSQV97rfYJ6_bTDzIopFrG9bC1wj8KXR9v-h5ZA3vClIC25MxKkqXAypjvUFdVdtMmcc-ZToeVOqidFG_StFA_GLKVQI_7NRLNJqLx9XEuwnuW_uuJqTFADHjbI9FYPRUP2HRKn5T/s1600/add-posts-to-pages-in-wordpress-using-menu-and-categories.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="572" data-original-width="1096" height="334" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjaLSSQV97rfYJ6_bTDzIopFrG9bC1wj8KXR9v-h5ZA3vClIC25MxKkqXAypjvUFdVdtMmcc-ZToeVOqidFG_StFA_GLKVQI_7NRLNJqLx9XEuwnuW_uuJqTFADHjbI9FYPRUP2HRKn5T/s640/add-posts-to-pages-in-wordpress-using-menu-and-categories.PNG" width="640" /></a></div><br /><br />This will add the selected category values to the "Menu Structure" section.   <br /><br /><b>Drag-and-drop </b>them up and down the list to change the order of the items on the menu.<br /><br />When you are happy with the order, click the <b>Save Menu</b> or the <b>Save and Publish</b> button.<br /><br /><br /><h3>3   Optional:  Deal with the home-page</h3>By default, Wordpress blogs show posts on the home page, as well as on the "Category pages" for the categories you have assigned to them.<br /><br />You can stop this by choosing <br /><ul><li>Wordpress.org users: <b>    Appearance > Customize > Static front page</b>   </li></ul><ul><li>Wordpress.com:    <b>Customize </b><b> > Static front page</b>   </li></ul>and clicking the <b>Static Page</b> radio button.<br /><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br /><br />Next, under the <b>Front Page </b>drop-down box, either<br /><ul><li>Choose one of your existing Pages or</li><li>Use the Add New link to create a new Page  (you can edit the contents later).</li></ul><ins class="adsbygoogle" data-ad-client="ca-pub-4862549906412680" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="3409801940" style="display: block; text-align: center;"></ins><br />And under <b>Post Page</b>, either<br /><ul><li>Choose one of your existing Pages or</li><li>Use the Add New link to create a new Page</li></ul><div>Note that this step is optional:   if you do it, you also need to edit your Menu (see step 2 above),  and add the selected Page to your menu.    If  you don't do this, then you need to have set up some other method for people visiting your blog to get to the posts.</div><div><br /></div><ins class="adsbygoogle" data-ad-client="ca-pub-4862549906412680" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="3409801940" style="display: block; text-align: center;"></ins><br />Click <b>Save and Publish    </b>(at the top of the sidebar), to make these changes take effect.<br /><br /><br /><h2><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89FcVWNwKeiQx0UBWY3vHV-PnJKHU9hYMcehlZmoVfjJeniWQO844CEsZMFmiX8W1z1HgjgqicAh7RsaAWylOLqm8BkhUFxa_UaQc2YEMPf0hP4qAnVLuJaEnVy0QN8TuFxx1Eiqw1UwL/s189/Job-done-thumbs-up-success-icon.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89FcVWNwKeiQx0UBWY3vHV-PnJKHU9hYMcehlZmoVfjJeniWQO844CEsZMFmiX8W1z1HgjgqicAh7RsaAWylOLqm8BkhUFxa_UaQc2YEMPf0hP4qAnVLuJaEnVy0QN8TuFxx1Eiqw1UwL/s1600/Job-done-thumbs-up-success-icon.png" /></a> Job Done</h2>It really is that simple.  Your readers can now click on the "pages" in your blog from your menu, and see a list of posts for the Page that they chose.<br /><br />Even better, if some posts relate to more than one topic, they show up on <i><b>all</b></i> of the relevant pages.   <br /><br /><br /><br /><hr /><h2>Related Articles</h2><i>Coming soon.</i>

How to put posts into pages in Wordpress - without using a plug-in

This article shows how to set up your blog made with Wordpress so that that (it looks like) your posts are on separate web-pages, without ne...

Read more »

Putting files into Blogger's root directory

<b>This article explains the issues, and options, for putting a file into the "root directory" of your Blogger blog.</b> <br /><br /><div style="clear: both;"></div><a name="more"></a><br /><div style="text-align: right;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6DdUIdWscYnGLgi_Y_ZMD3Fq0_rT39UPwWXDYxkjum4ucBTeJVYNt1ebDsDrWn-gcqXje7hS_I0GCjSLLp2gINBnljasTCDrsfIQ4FtNXcZZLNvcICdBU6NCZ4_SS-ja3xOyRvUQ2lhg/s1600/root-directory-files-and-blogger-adding-files-to-root.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="862" data-original-width="1241" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6DdUIdWscYnGLgi_Y_ZMD3Fq0_rT39UPwWXDYxkjum4ucBTeJVYNt1ebDsDrWn-gcqXje7hS_I0GCjSLLp2gINBnljasTCDrsfIQ4FtNXcZZLNvcICdBU6NCZ4_SS-ja3xOyRvUQ2lhg/s320/root-directory-files-and-blogger-adding-files-to-root.png" width="320" /></a></div>If you are using certain non-Google products to enhance your Blog, they will sometimes tell you to <b>put a file into your root-directory</b>.   They may even tell you to use an FTP  tool to do this. <br /><br />Sometimes this happens when a product also gives you code to <a href="http://blogger-hints-and-tips.blogspot.com/2010/10/putting-html-code-from-third-party-into.html">install into your blog</a> , This approach is used when the code is written for websites in general rather than specifically to work with Blogger: putting useful files into a place relative to the root directory makes it a lot easier to move a website from a test-address to the live one, so is a common approach outside of Blogger. <br /><br /><div style="clear: both;"></div>Or maybe the other tool has been designed to verify that you do own the website in this way, rather than asking you to change the website code itself. <br /><br /><br /><h2>How to add a file to your blog's root directory</h2>The short answer for Blogger users is <i>"sorry, you cannot do this"</i>.<br /><br />The long answer is still no:  <i>"there is no way to do this, but see the rest of this article for an explanation of why, and some suggested work-arounds."</i><br /><br /><br /><h2>Why not? Every other website tool lets me do this.</h2><table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3O50mIZkJk-ulcHiHdFrT_FQhCRXIlKFh0s_MhazvA2Iuf7FBRswzpxDdJPIRyxooELW0t6CoS1y3hY6aOh7RiYSF-QXCPXnUXnRh6S_ZEODqLpzujNWpQVGAbMYivxCto3Gka26TrxE-/s463/post-blogger-content-management-tool-from-Google.png" style="clear: right; margin-bottom: 1em; margin-left: auto; margin-right: auto;" title="By screenshot [GPL (http://www.gnu.org/licenses/gpl.html)], via Wikimedia Commons"><img alt="Home - cpg1.5.x demo 1287551599033" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3O50mIZkJk-ulcHiHdFrT_FQhCRXIlKFh0s_MhazvA2Iuf7FBRswzpxDdJPIRyxooELW0t6CoS1y3hY6aOh7RiYSF-QXCPXnUXnRh6S_ZEODqLpzujNWpQVGAbMYivxCto3Gka26TrxE-/s463/post-blogger-content-management-tool-from-Google.png" width="256" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Posts:  Blogger's tool for managing <br />the content on our blogs</td></tr></tbody></table>If you're clever, and have lots of time,<b> you can make a website just using a text-editor (eg notpad), a graphics program, and ftp software</b> that lets you put the files into the right places on computer that's connected to the internet.<br /><br />Tools like Dreamweaver take away a lot of the time-consuming work, and some of the need for cleverness.  But you still need to know a lot about the internet to do things in a way that makes a good website.<br /><br /><b>Content management systems</b> make this easier still: they let a technically-minded person do the nuts-and-bolts work to make the website, and give authors / artists / editors / content-creators simpler-to-use tools that let them put "stuff" (ie content) into the website, without needing to worry about the details of how it works.<br /><br />Blogger is a (very simple) website content-management system, it creates our web-pages for us based on data that we put into certain places. <a href="http://blogger-hints-and-tips.blogspot.com/2011/12/setting-up-new-administrator-for-your.html">Administrators</a> can set up and change the theme, <a href="http://blogger-hints-and-tips.blogspot.com/2012/01/letting-other-people-write-in-your-blog.html">other people</a>, eg <a href="http://blogger-hints-and-tips.blogspot.com/2012/01/letting-other-people-write-in-your-blog.html">authors</a> simply make posts.<br /><br />When we use Blogger, the main way that we change <a href="http://blogger-hints-and-tips.blogspot.com/2010/05/how-data-in-blogger-blogs-is-organised.html">the data in our web-pages</a> is using the Blogger software.  <br /><br />Some items inside posts or gadgets can be changed using other software, eg Google Docs, provided they were were set up using that other software in the first place. But - key point - <b>there is nothing in the way that Blogger is put together that means we need to access the base directory</b>. So they don't let us do so.    And I doubt that this this will change anytime soon. <br /><br /><br /><h2>What to do instead</h2>The options for getting around this restriction depend on how the file that you need to put into your root directory is intended to be used. <br /><br /><h3>Installing code</h3>If you have code to install into your blog, and a file to go with it, then you just need to <br /><ol><li><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/file-sharing-hosts.html">Host the file</a> somewhere else (maybe in your <a href="http://blogger-hints-and-tips.blogspot.com/2010/01/what-is-picasa-very-basic-introduction.html">Picasa-web-album</a> for the blog, if it's a picture)</li><li>Change the code to point to the full path of where you have hosted the file, instead of the relative path used in the code</li></ol>For example, here is the code for a button linking to my blog, with the picture in the root directory: <br /><blockquote class="tr_bq"><div class="separator" style="clear: both; text-align: center;"> <a href="http://www.Blogger-hints-and-tips.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="/<b>/Logo.png</b>" width="100" /></a></div></blockquote>To change this to use a specific location, I just add a file-path and the file-name of the picture wherever it is hosted. <br /><blockquote class="tr_bq"><div class="separator" style="clear: both; text-align: center;"> <a href="http://www.Blogger-hints-and-tips.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="<b>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivleibIdikN4NXDIZzW05kDYpsByxO3_3J1fBYyOfVefH6K2sNESpgTaipatxqVVQpsSq2iIPy34c-hv7DS3cI5dTcnzrUAsrbdf9kPVJKUSrLmRoLnsNpCYxTZZt-wh_DxC76qFwiqn2D/s320/Logo.png</b>" width="100" /></a></div></blockquote><div><br class="Apple-interchange-newline" /></div>TIP: blogger's editor sometimes gets links mixed up, so it's important to start the filepath with "http://"<br /><h3><br /><br />Verifying ownership</h3><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMo8w1WcbK51aq8o8XJiLQosPftPcmsLrwSIVOXnYu57FxeO_b25_dwszPL8knxAGCfiaUOKaQ3xebV5jWbAmE7UClYSUma8hGDe_KQR0Fm94LzICCGqcCrNXW3aJa3Ivh5L3cz6u2U0v/s1600/application-keys.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="200" data-original-width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMo8w1WcbK51aq8o8XJiLQosPftPcmsLrwSIVOXnYu57FxeO_b25_dwszPL8knxAGCfiaUOKaQ3xebV5jWbAmE7UClYSUma8hGDe_KQR0Fm94LzICCGqcCrNXW3aJa3Ivh5L3cz6u2U0v/s1600/application-keys.png" /></a></div>If someone wants to use a file's position to check that you control a website, then they will have code on their own website that looks for the file in your root directory.<br /><br />You cannot change this code. And you cannot place the fie. <br /><br />So you need to <b><i>ask them for an alternative way to verify</i></b>, that is suitable for people without root directory access.<br /><br /> If they don't have any alternatives, try lobbying for this on their product support forum:  by not having alterantives, they are ensuring that <b>Blogger users, among others, cannot use their service</b>.<br /><br />If the official answer is still "no", then you could also ask in other on-line forums if anyone has found any other work-arounds.<br /><b><br /></b><br /><b><br /></b><br /><h2>An afterthought: what isn't recommended</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbJrTv7IpRz_7wyXc2nUwaT33Cq_HQssjfPNL6SsfXeZSIDfzfKu5JMzXxS4XDW4Sy-zR588O0j8mSO2YEyBXzWRABdF-qvtV3rpfCoFKI1eaYj_xCoI7M95h5HWiyx7PjyVKd4c7HQ3X/s1600/Transclusion-icon.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="220" data-original-width="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbJrTv7IpRz_7wyXc2nUwaT33Cq_HQssjfPNL6SsfXeZSIDfzfKu5JMzXxS4XDW4Sy-zR588O0j8mSO2YEyBXzWRABdF-qvtV3rpfCoFKI1eaYj_xCoI7M95h5HWiyx7PjyVKd4c7HQ3X/s1600/Transclusion-icon.png" /></a></div>I've recently seen someone suggest in a help forum that people with custom domains can put files into their blog's root directory by FTP'ing the files into place.<br /><br /> This may be true, <b>if the service that you are purchasing from your domain registrar includes file-hosting</b>. But file hosting(*) <br /><ol><li>Isn't necessary for a custom domain used in Blogger (since Google hosts our files for us), and</li><li>Isn't available as part of the services when you buy a custom-domain through Blogger.</li></ol><br />So it's not a general solution for most Blogger users, though it may work for some.<br /><br />Initially I was a little sceptical of the idea: Blogger doesn't expect to see any files in our root directory, so I was concerned that it might do strange things if it found them there. But on reflection, I think there is probably a low risk of this happening, since the file-location is outside Blogger's control.<br /><br />(*) To avoid any confusion, file hosting and DNS hosting are not the same thing. If you buy a custom domain for your blog from a registrar without going through Google/Blogger, then you do need to pay for <b>DNS hosting</b>, but do not need to buy <b>file-hosting</b>. <br /><br /><hr /><br /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/file-sharing-hosts.html">File hosts - places to store files used in your blog</a>.<br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/what-is-picasa-very-basic-introduction.html">Picasa-web-albums: a quick introduction</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/05/how-data-in-blogger-blogs-is-organised.html">How Blogger data is organised</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2011/12/setting-up-new-administrator-for-your.html">Setting up a new administrator for your blog</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2012/01/letting-other-people-write-in-your-blog.html">Options for letting other people write in your blog</a>

Putting files into Blogger's root directory

This article explains the issues, and options, for putting a file into the "root directory" of your Blogger blog. If you are usin...

Read more »

How to not show any posts on your blog's home page, using Blogger

<b>You can set your blog up so that no posts are shown on the main screen - provided you have used some of the other "home page" approaches to give readers other ways of getting to your content.</b><br /><b><br /></b> <br /><div style="clear: both;"></div><a name="more"></a><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKb97caGXwlJM86UpSjr1itOG5ltZi4q25yIIjmgAmmcUVAbX7iuYUqAGLdAF6_wrJsS2o0Rlyk94lOKYazEb8BYZhgvN9_UrOeHL71CWKuuNU5tjuiss2UY8R1gTu4QHDxQhyphenhypheneedJWU/s1600/home-page-not-showing-any-posts-in-blogger-has-a-menu-instead.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEKb97caGXwlJM86UpSjr1itOG5ltZi4q25yIIjmgAmmcUVAbX7iuYUqAGLdAF6_wrJsS2o0Rlyk94lOKYazEb8BYZhgvN9_UrOeHL71CWKuuNU5tjuiss2UY8R1gTu4QHDxQhyphenhypheneedJWU/s320/home-page-not-showing-any-posts-in-blogger-has-a-menu-instead.png" width="320" /></a></div>Previously I've explained how to <a href="http://blogger-hints-and-tips.blogspot.com/2011/10/making-every-post-appear-on-separate.html">only show one post on the main page of your blog</a>.<br /><br />But some people who want to <a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">give their blog a home page</a> go further than that, and don't show any posts on the main screen at all.   (Remember, the main screen is where people who navigate to your blog, rather than to posts within it, go.) <br /><br />This sounds like a strange thing to do - after all, blogs are about posts.<br /><br />But actually it's fine, <b><i>provided you use some other tools to let readers move around the blog</i></b>.  I've made a 150+ page blog this way, and it works very nicely because I have organised the information and used some index-pages (containing lists of bus-routes, suburbs, maps etc) with <a href="http://blogger-hints-and-tips.blogspot.com/2011/08/using-tables-to-show-data-in-your-blog.html">tables</a> that link to many other posts.<br /><br /><br /><h2>How to show no (ie zero, 0) posts on the main screen</h2>Some people want to do this, as part of the process of <a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">giving their blog a home page</a>.  It's not possible if your blog has a <a href="http://blogger-hints-and-tips.blogspot.com/2011/09/dynamic-templates-turning-them-on-in.html">Dynamic thene</a>, but can be done for blogs with Layout themes.<br /><br />There are at least two ways of doing it.<br /><br /><h3>Option 1 - use a custom re-direct for your home-page</h3>Make a new Page (<b>Pages > New Page</b>) and add the material which you want to show on your main screen.    Publish this page.<br /><br />Take a <b>note of the URL</b> of the Page that you use created.<br /><br />Go to <b>Settings > Search preferences > Errors and re-directions > Custom re-directs</b><br /><br />Click <b>Edit</b> then <b>New re-direct</b><br /><br />In the dialog box which opens:<br /><br /><ul><li>Enter a back-slash (ie   <b>/</b>  )into the first (From) box.</li></ul><ul><li>Enter the URL of the page that you noted earlier into the second (To) box</li><li>In the To box, remove the blog-address, because Blogger already adds that for you. <br />Eg if your URL is     <b>http:/www.myBlog.com</b>/p/home.html<br />then just enter           <b>/</b>p/home.html<br /><br />(note that you keep the backslash (/) just before the P.</li></ul><div>Click the <b>Permanent </b>checkbox.</div><div><br /></div><div>Click <b>Save </b>just under the entry you just made - it now looks like this:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeBj4gFOqPZCaTGuSy1hovfBlCM2ag1lPY8HfRZ7W1ci7wZX4zU-FaabQ1ftEB3cg_YHPZz41VJshSnKkVtUQKK6F4Tj0gwKSmOYcyM-xgaZHIt4lFPX6FduXRPoPNRwmSNhHhdGQWU4/s1600/custom-redirect-blog-home-page-to-my-own-home-page-no-posts-on-front-page.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeBj4gFOqPZCaTGuSy1hovfBlCM2ag1lPY8HfRZ7W1ci7wZX4zU-FaabQ1ftEB3cg_YHPZz41VJshSnKkVtUQKK6F4Tj0gwKSmOYcyM-xgaZHIt4lFPX6FduXRPoPNRwmSNhHhdGQWU4/s400/custom-redirect-blog-home-page-to-my-own-home-page-no-posts-on-front-page.PNG" width="400" /></a></div><br /></div><div><br /></div><div>Click <b>Save changes</b>.</div><div><br /></div><div><br /></div><div><b>Job Done!   </b>Anyone who goes to your blog's home page will now go automatically to the alternative page you made - and the effect is that no posts are shown on the home page.</div><div><br /></div><div><br /></div><br /><h3>Option 2 - use the Posts and Comments setting</h3>Choose the <b>Settings > Posts and Comments</b> panel from the left sidebar. <br /><div><br />Enter zero (0) into the <b>Show at most</b> field</div><div>Click <b>Save Settings</b> in the top right hand corner of the screen.</div><div><br /><ul></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN7UL3fngqvVnVgbkSSmViZixCT51tH68qvXODrf-5W1g573IlLj6rWv6eEhYbCm4zHUQFfsn230GQfUYBnbkH2yH9nVxQ9Ose3BYjjG6xp2BE09GogBwveW4VQOZl8V28Ypbck6l6Tns/s640/Blogger-set-post-per-page-new-interface.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKN7UL3fngqvVnVgbkSSmViZixCT51tH68qvXODrf-5W1g573IlLj6rWv6eEhYbCm4zHUQFfsn230GQfUYBnbkH2yH9nVxQ9Ose3BYjjG6xp2BE09GogBwveW4VQOZl8V28Ypbck6l6Tns/s320/Blogger-set-post-per-page-new-interface.PNG" width="90%" /></a></div><br /><h4>About this method</h4><div>The method in Option 2 works:   no posts are shown on your home page.</div><div><br /></div><div>But by default, nothting else is shown, either.    Unless you take steps to avoid it, your readers will see a grey box saying "0 Posts" when they look at your blog's main URL.   </div><div><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdcWpSQDtnnMzjxrxMb7NowoD-L9dzkOvbo2nGInbwxPAsSjtepDVYznUe-SkQF21o8e9W1REY8Z0gJd0u4OnUedbPDmo2nVUF00b8vmIdlc8DOVNRcWbKv0IFmOBlkXOxzDbhgCFuUM/s1600/no-posts-on-home-page-leads-to-a-no-posts-information-message.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdcWpSQDtnnMzjxrxMb7NowoD-L9dzkOvbo2nGInbwxPAsSjtepDVYznUe-SkQF21o8e9W1REY8Z0gJd0u4OnUedbPDmo2nVUF00b8vmIdlc8DOVNRcWbKv0IFmOBlkXOxzDbhgCFuUM/s400/no-posts-on-home-page-leads-to-a-no-posts-information-message.PNG" width="400" /></a></div><br /></div><div><br /></div><div>Some of the things you can do to avoid this include hiding the "showing posts with label XXX" message, and creating a <a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html">gadget that only shows on the "home" page</a>.</div><br /><br /><h2>Recommended option</h2><div>The custom re-direct option is probably the best approach - and is certainly what I've used for my blogs recently:   it's clean, and doesn't need any special messing around with gadgets etc to put content onto the "home" page.</div><br />But there may be cases where the second option is better - and I have recently confirmed that it still works. <br /><br /><h2><br />Whichever option you choose</h2>Remember that you need to set up some other way to let readers move from your home-page to see your other posts - some of the ways to do this are <a href="http://blogger-hints-and-tips.blogspot.ie/2010/04/posts-pages-and-navigation.html">discussed here</a>.<br /><br /><br /><br /><hr /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2011/10/making-every-post-appear-on-separate.html">Limiting your blog to only have one post on the main page</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">Giving your blog a home page</a><br /><a href="http://blogger-hints-and-tips.blogspot.ie/2010/04/posts-pages-and-navigation.html"><br /></a><a href="http://blogger-hints-and-tips.blogspot.ie/2010/04/posts-pages-and-navigation.html">Giving readers alternative ways to see the posts in your blog</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2011/09/dynamic-templates-turning-them-on-in.html">What are dynamic view themes?</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/types-of-blogger-template.html">Blogger theme types</a><br />.<br /><a href="http://blogger-hints-and-tips.blogspot.com/2011/08/using-tables-to-show-data-in-your-blog.html">Using tables in your blog</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html">Displaying a gadget only on the home page</a></div>

How to not show any posts on your blog's home page, using Blogger

You can set your blog up so that no posts are shown on the main screen - provided you have used some of the other "home page" appr...

Read more »

How to change or remove the Newer Post and Older Posts links

<div style="text-align: left;"><strong>This article explains how to hide or change the format of the "Older Posts" and "Newer Post" and "Home" links that are shown at the b</strong><strong>ottom of Blogger blogs with Layout or Designer themes.</strong></div><br /><br /><div style="clear: both;"></div><a name="more"></a><h2>Why are the older and newer posts links used</h2><div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlq0CMQP_od2GoftAX5Fgkq6NwHQsf7d6dX1DeSPzderQIa5zDZ4IKu9RI77R0uSWFmOPlTCuNmLlOEUxlRPlO7dLdQHjpgX-UjtWGcIzrIfP5PaD8J0DdnWdL7_yosAfmgmkTEmOlxxi/s357/remove-older-posts-newer-posts-pager-links-from-blogger-templates.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlq0CMQP_od2GoftAX5Fgkq6NwHQsf7d6dX1DeSPzderQIa5zDZ4IKu9RI77R0uSWFmOPlTCuNmLlOEUxlRPlO7dLdQHjpgX-UjtWGcIzrIfP5PaD8J0DdnWdL7_yosAfmgmkTEmOlxxi/s200/remove-older-posts-newer-posts-pager-links-from-blogger-templates.png" width="250" /></a></div>Most <a href="http://blogger-hints-and-tips.blogspot.com/2010/03/types-of-blogger-template.html">designer and layout themes</a> have links at the bottom of your page of blog posts which let readers navigate back and forward among the list of posts. <br /><br />This is basic to how a blog is intended to work:  you post regularly, and give people a way to get back to previous posts. <br /><br />The pager-links are particularly important on pages that are reached using the Label or Archive gadgets, which may show more posts than you normally have on your home page, or displaying in your blog.<br /><br />But some people want to remove them - and this is fine provided readers have other ways of navigating around the blog.</div><br /><br /><h2>How to remove "Newer Posts" and "Older Posts" from your blog</h2><div>To totally remove these items, you just <a href="http://blogger-hints-and-tips.blogspot.com/2010/09/adding-new-css-formatting-rule-to-your.html">add some new CSS rules to your template</a> in the usual way.</div><div><br /></div><div>To remove <b>"Older Posts"</b> add:</div><blockquote class="tr_bq">#blog-pager-older-link {<br />float: right;<br />}</blockquote><br /><div><div>To remove <b>"Newer Posts"</b> add:</div><blockquote class="tr_bq">#blog-pager-older-link {<br />float: right;<br />}</blockquote></div><div><br /></div><div>Or to remove <b>both of them and the "Home" link</b> that appears in between them, add:</div><blockquote class="tr_bq">#blog-pager {<br />display: none;<br />}</blockquote><div><br /></div><div><h2>How to format the "Newer Posts" and "Older Posts"</h2></div><div>Changing the way that these links look is very similar, you just add the same codes, except instead of </div><blockquote class="tr_bq">display: none;</blockquote><div>you need to <b>use the CSS element for the effect you want</b>.   For example, to make the text bigger and bold, you might use rules like</div><blockquote class="tr_bq">font-size: 150%;<br />font-weight: bold; </blockquote><br />You need to put these commands inside the curly brackets, where the <u>display: none;</u> is now - make sure that each component has a semi-colon at the end of it.   It makes the code easier to read if each component is on a new line, but this isn't necessary.<br /><br />Another option is to swap the "float" commands around to <b>put "older posts" on the left and "newer posts" on the right</b> (I've never quite understood why they were the other way around).<br /><div><br /><br /></div><div><div class="separator" style="clear: both; text-align: center;"><a href="http://upload.wikimedia.org/wikipedia/commons/b/b7/P_weather.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="http://upload.wikimedia.org/wikipedia/commons/b/b7/P_weather.png" width="200" /></a></div>You can also <b>use background images and colours</b>, with elements like:</div><blockquote class="tr_bq"><span style="background-color: white; font-family: "courier new"; font-size: 13px;">background-image:url('URL OF YOUR IMAGE');</span></blockquote><blockquote class="tr_bq"><span style="background-color: white; font-family: "courier new"; font-size: 13px;">background-color:#cccccc;</span></blockquote><div class="separator" style="clear: both;"></div><br /><h2>How to change the "Newer Posts" and "Older Posts" text</h2><br />If you want to change the text values - either to different words, or by replacing them totally with pictures, you need to <a href="http://blogger-hints-and-tips.blogspot.com/2010/06/editing-your-blogs-template-advantanges.html">accept the disadvantages of editing your theme</a>.   If this is ok, and you you want to proceed then: <br /><br /><div style="text-align: left;">1  <a href="http://blogger-hints-and-tips.blogspot.com/2012/02/how-to-edit-your-blogger-template.html">Edit your theme</a> in the usual way</div><div style="text-align: left;"><br /></div><div style="text-align: left;">2  Replace the existing links:</div><div style="text-align: left;"><ul><li>To replace the <b>"newer posts" link</b>, find <data:newerPageTitle/>  in your theme, and replace it with whatever text you want. <br /></li><li>To replace the <b>"older posts" link</b>, find <data:olderPageTitle/>  in your theme, and replace it with whatever text you want. <br /></li><li>To replace the <b>"home" link</b>, find <data:homeMsg/>  in your theme, and replace it with whatever text you want.   </li></ul><br /><br />In each case, the code you are replacing will be inside some other code, like this:<br /><blockquote class="tr_bq"><i>  <span id='blog-pager-newer-link'><br />      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><b><data:newerPageTitle/></b></a><br />      </span></i></blockquote>Make sure that you <b>only replace exactly the code listed above, including the < and >'s</b>.   The other code around sets up the links to the actual older or newer posts, and you don't want to change this.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://upload.wikimedia.org/wikipedia/commons/7/7c/P_meteorology.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="200" src="http://upload.wikimedia.org/wikipedia/commons/7/7c/P_meteorology.png" width="200" /></a></div>Also, if you want to use a picture instead, replace it with <b><img alt='...' border='0' src='THE URL OF YOUR PICTURE'/> </b>- of course with the <a href="http://blogger-hints-and-tips.blogspot.com/2010/01/finding-pictures-location-url-in-picasa.html">right picture URL</a> put in. <br /><br />Do make sure that the meaning of your pictures is obvious though - what may look like a cute "newer posts" symbol to you might be totally meaningless to someone else.</div><div class="separator" style="clear: both;"></div><br /><br /><hr style="margin-left: 0px; margin-right: auto;" /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/09/adding-new-css-formatting-rule-to-your.html">How to add a CSS rule to your theme</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2012/02/how-to-edit-your-blogger-template.html">How to edit your blogger theme</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/06/editing-your-blogs-template-advantanges.html">Understand the advantages and disadvantages of theme editing</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/finding-pictures-location-url-in-picasa.html">Finding the URL of a picture in Picasa-web-albums</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/types-of-blogger-template.html">Understanding designer and layout theme</a>

How to change or remove the Newer Post and Older Posts links

This article explains how to hide or change the format of the "Older Posts" and "Newer Post" and "Home" links ...

Read more »

Giving your Blog a Home Page

<b>This article is about the options for setting the home page for blogs made with Google's Blogger.</b><br /><br /><a name="more"></a><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIqMY-TcUbxkwXrP57W21hzKLEnxdq6ADQpI1aPkoZeAGOzb5JDkttghiEHbdBqDbW01vMdvaOUzsZI_uJxqPghwSLb8Hj4nvkoOlo2weNV2o2FaN0AjrgUuJFxnuekn0ojKCvsQr2OUV/s417/blogger-how-to-make-home-page.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheIqMY-TcUbxkwXrP57W21hzKLEnxdq6ADQpI1aPkoZeAGOzb5JDkttghiEHbdBqDbW01vMdvaOUzsZI_uJxqPghwSLb8Hj4nvkoOlo2weNV2o2FaN0AjrgUuJFxnuekn0ojKCvsQr2OUV/s320/blogger-how-to-make-home-page.png" width="320" /></a></div>Blogs don't have a "home page", main page or "landing page" in the same way that regular web-sites do.  Instead, they show the newest <span style="color: #990000;">post</span> first, since (hopefully!) most readers will be return visitors, coming back to see what's new.<br /><br />But there may be blogs/websites where you want a welcome message or a particular post to appear first whenever someone visits your blog, or where you want to put all your posts in reverse order.<br /><br />This article is about options for giving your Blogger blog a "home page". <br /><br /><div style="clear: both;"></div><div>It lists four options, and gives advantages/disadvantages of each approach, and links to articles with details about implementing each case. If you can think of any more approaches, please leave a comment below.</div><br /><br /><h2>Options for giving your blog a home page include:</h2><ul><li><b>Static page combined with a custom re-direct</b> - as discovered by <a href="http://blogging.nitecruzr.net/2012/06/blogger-magic-static-home-page-improved.html" target="_blank">Nitecruzr</a>, and now <a href="http://blogger-hints-and-tips.blogspot.com/2011/10/not-showing-any-posts-on-your-blogs.html">described here</a>.  This was my recommended method of home-page implementation for a while.   However <a href="http://blogger-hints-and-tips.blogspot.com/2012/11/blogger-home-page-vs-mobile-template-setup.html">it did not work on mobile themes</a> for a while, so I changed my mind.  But it does work on them now, so I'm back to recommending it again.</li></ul><ul><li><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/showing-your-oldest-post-first-in.html">Displaying all the posts in reverse order</a></li></ul><ul><li><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/making-one-post-always-come-up-first.html">Choosing one post to be a welcome message, and always giving it the latest post-date</a></li></ul><ul><li><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html">Displaying a gadget at the top of your posts area, and only showing it on the home page</a>.</li></ul><br /><br /><h2>Advantages and Disadvantages of each option</h2><br /><table border="1" cellpadding="2px" cellspacing="3px" style="border-collapse: collapse; text-align: left; width: 100%;"><tbody><tr> <th>Option</th> <th>Advantages</th> <th>Disadvantages</th> </tr><tr> <td><a href="http://blogger-hints-and-tips.blogspot.com/2011/10/not-showing-any-posts-on-your-blogs.html"><b>Static page and custom re-direct</b></a></td> <td>No theme editing is needed<br /><br />Easy page editing - no messing around putting content into a gadget<br /><br />No gaps on other pages due to the gadget being "missing"<br /><br />Simple, elegant, and fully functional for both desktop and mobile visitors.</td> <td>Back in 2011, I wrote:   <br /><i>"Google probably didn't intend to give us this option when they set up custom re-directs, so it's possible that they might remove it again.   It's such a nice solution, though, that I think it's worth the risk for now".</i><br />But it's now 2017, they haven't removed it yet.   So I'm thinking that it's not going away any time soon.</td> </tr><tr> <td><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/showing-your-oldest-post-first-in.html"><b>Show all posts in reverse order</b></a></td> <td>Great for new readers - they can "follow the story".</td> <td>Return visitors have to navigate down to where they were up to last time:  the blog has no way of helping them to remember where that was.<br /><br />You can't use most of Blogger's date features:  newer and older posts links will take the reader in the "wrong" direction.  And you have to manually enter any dates that would be relevant.<br /><br />Your posts will get "older" as you write more:  this may confuse search-engines, and there's a risk that google might to things to "very old" posts in the future.</td> </tr><tr> <td><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/making-one-post-always-come-up-first.html"><b>Make one post always show up first</b></a></td> <td>You can still use all of Google's date features.<br /><br />Readers will know when you actually posted to your blog.<br /><br />Great for returning readers:  they can see your (current) welcome comments, and then go straight to the latest post after that. </td> <td>You have to remember to edit the "chosen" post every single time that you make a new post - one day, you might forget.<br /><br />This approach probably won't work on multi-author blogs:  there's a very high chance that someone would forget to edit the chosen post and change its date.</td> </tr><tr> <td><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html"><b>Show a "welcome gadget" on the home page only</b></a></td> <td>Doesn't need any changes to Post date-time settings.<br /><br />Your blog still functions like a blog (older/newer post links , archive gadget etc).<br /><br />An HTML/Javascript gadget can be very flexible, and you can get Blogger to write all the HTML for you - see <a href="http://blogger-hints-and-tips.blogspot.com/2010/03/making-gadget-that-looks-like-post.html">Making a Gadget Like a Post</a>.<br /><br />You can use things other than text, eg a picture or even a poll.<br /><br />It includes an extreme option:  you could show no posts on the "home" page, and just show the gadget. </td> <td>You need to edit your theme to make this work.<br /><br />You need to re-do the theme customisation every time that you change to use a different theme.<br /><br />The welcome gadget isn't one of your posts: it's not included in exports of your blog contents (It is in an export of your theme - but the words inside it are not included).<br /><br />A gadget cannot show quite as many things as a post.   <br /><br />Doesn't work for mobile device users if your blog has <a href="http://blogger-hints-and-tips.blogspot.com/2012/05/mobile-templates-for-blogger-and-why.html">a mobile theme enabled</a>, unless you some some specific things to make the gadget show on mobile.</td> </tr></tbody> </table><br /><div style="text-align: center;"><br /><b>Can you think of other ways?   Please leave a comment below.</b></div><br /><br /><br /><h2>Setting the homepage's post date into the future doesn't work</h2>Some people suggest that you can <a href="http://blogger-hints-and-tips.blogspot.com/2009/12/changing-date-for-post.html">set the post-date</a> of your main page in the future - and at some times  this has worked.<br /><br />But now that scheduled posting is working the way most people expect it to (ie if you write a post today, and publish it with tomorrow's date, then it is shown to your readers from tomorrow onwards), <b>this will not work</b> - because your "home page" won't show until that future date is reached.<br /><br />There may be some ways you can fudge it in to working (eg post the page with a date in the past, and then post it again with a future date).   But <b>I VERY STRONGLY don't recommend this</b>:  even if they work today, they may stop working at some time in the future when Google make a change to how future-dated posts are handled. <br /><br /><br /><hr /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html">Displaying a gadget only on the home page</a> <br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/showing-your-oldest-post-first-in.html">Showing your oldest post first in Blogger</a> (AKA Showing your posts in reverse order) <br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/making-one-post-always-come-up-first.html">Making one post always come up first</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2009/12/changing-date-for-post.html">Changing the date for a post.</a> <br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/controlling-what-goes-on-home-page.html">Stopping certain pages from ever appearing on the home page</a>

Giving your Blog a Home Page

This article is about the options for setting the home page for blogs made with Google's Blogger. Blogs don't have a "home page...

Read more »

How to put put Posts into Pages in Blogger

<b>This article shows how to set up your blog, using Blogger, so that it looks like your posts are on separate web-pages.</b> <br /><br /><br /><div style="clear: both;"></div><a name="more"></a><h2>Can you put Posts onto Pages in Blogger?</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaeKCCyF1_yk7FC-anf_dHLoh9_HEf-c5haFJPRvOzTF-PxCL6R5F1oUaZE5R4nWOeLKr5X2G9E2upRvtNp95eOIQKPIyyhxDSAEzGvsRMsHwxOgWjbCZSrpie5_9AtIABf0DmVM2YUGy9/s440/blogger-insert-posts-into-pages.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaeKCCyF1_yk7FC-anf_dHLoh9_HEf-c5haFJPRvOzTF-PxCL6R5F1oUaZE5R4nWOeLKr5X2G9E2upRvtNp95eOIQKPIyyhxDSAEzGvsRMsHwxOgWjbCZSrpie5_9AtIABf0DmVM2YUGy9/s200/blogger-insert-posts-into-pages.png" width="200" /></a></div>Ever since Google introduced "pages" into Blogger, people have complained that their posts all go onto the "<a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">home page</a>", and asked how to put posts onto different pages in their blog.<br /><br /><div style="clear: both;"></div><br />The standard, but unsatisfactory, answer is<br /><blockquote>"<i>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.</i>"</blockquote><br />Basically, this is part of <a href="http://blogger-hints-and-tips.blogspot.com/2010/02/difference-between-pages-and-posts.html">the difference between post and pages</a>.<br /><br /><b>Luckily it's easy to set up your blog so that it looks like your posts are on different pages <a href="http://twitter.com/home/?status=Luckily%20it%20is%20easy%20to%20set%20up%20your%20blog%20so%20that%20it%20looks%20like%20your%20posts%20are%20on%20different%20pages.%20http://bit.ly/HlGT6P%20%20via@BloggerHAT" target="_blank">[tweet this]</a>    (</b>even though you and I know that this isn't how Blogger works) by following three simple steps.<br /><br /><br /><h2>Follow these steps to put your posts into pages</h2><h3>1   Add Categories</h3><a href="http://blogger-hints-and-tips.blogspot.com/2010/04/categorising-your-posts.html">Categorise your posts</a> by adding Labels to them. <br /><br />It's your choice whether to add Labels to all posts, or just the ones that you want to show up on specific "pages".<br /><br /><br /><h3>2 Make a "pages look alike" menu bar</h3>There are (at least) are three ways of doing this - described below. <br /><br />When Blogger first implemented static pages that could link to websites, I suggested choosing which ever option suited your blog best. <br /><br />However now, due to <a href="http://blogger-hints-and-tips.blogspot.com/2013/06/mobile-templates-help-blogger-search-engine-optimisation.html">the increasing importance of mobile themes</a>, <b>I recommend Option c)</b>,<b> </b>because the pages-gadget is the only one mentioned that automatically shows upon mobile-themes.<br /><br /><blockquote><h3><b>a)   With a Labels Gadget    </b></h3>Use the usual <a href="http://blogger-hints-and-tips.blogspot.com/2012/03/adding-gadget-to-your-blog-using.html" target="_blank">add-a-gadget approach</a> to put a <b>Labels </b>gadget into the spot where you would put the Pages gadget if you wanted to make a horizontal menu bar with it.<br /><br />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:<br /><br /><h3>b)  With a Linked-list gadget</h3>Use the usual <a href="http://blogger-hints-and-tips.blogspot.com/2012/03/adding-gadget-to-your-blog-using.html" target="_blank">add-a-gadget approach</a> to put a <b>Link-list </b>gadget where you would put the Pages gadget if you wanted to make a horizontal menu bar with it.<br /><b>Add a link</b> to the list for <b>each Label</b> that you want a "page" for.   The HTML to use for each Label value is<br /><br />http://YOUR-BLOG-URL/search/label/THE-LABEL-NAME<br /><br />You can also add other items (eg individual Posts, or even Bllogger's static "pages" if you really must have them - see <a href="http://blogger-hints-and-tips.blogspot.com/2010/09/bloggers-static-pages-are-more-trouble.html">why I don't like them</a>!) - see the menu bar at the top of this site for an example of this. </blockquote><br /><blockquote><h3><b>c)   With a Pages gadget   <span style="background-color: yellow;"><===   RECOMMENDED APPROACH</span></b></h3>Use the usual <a href="http://blogger-hints-and-tips.blogspot.com/2012/03/adding-gadget-to-your-blog-using.html" target="_blank">add-a-gadget approach</a> to put a Pages gadget into the menu bar area.   (You can do this even if you have not created any Pages of content).<br /><br />While you are editing the Pages gadget, there is an  <b>+ Add external link</b> option.  </blockquote><blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gM3xtj0ikxAo86YKRLSa6l-t6opJ4kAWmZR2-U9OwsoDlFN7Hga7EuAAaEc_dmsGd6YkLorfc-HaNXVOWVH5WpxEIYbayJtDV7k7u9IQE6z_kcxpuvaGhZ7AjDp-YfBaDBjoWKFN2Yrf/s1600/pages-gadget-editing-options-new.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gM3xtj0ikxAo86YKRLSa6l-t6opJ4kAWmZR2-U9OwsoDlFN7Hga7EuAAaEc_dmsGd6YkLorfc-HaNXVOWVH5WpxEIYbayJtDV7k7u9IQE6z_kcxpuvaGhZ7AjDp-YfBaDBjoWKFN2Yrf/s400/pages-gadget-editing-options-new.PNG" width="346" /></a></div></blockquote><br /><blockquote>Click on this, and add an entry in like the ones described above in he Linked-list gadget option, putting<br /><ul><li> the text you want in your menu bar into the Page title field </li><li>The label search command into the Web address field.</li></ul></blockquote><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmWuJPizQoy7mOi4D3vw-XWq0IfW7E5a8zLgLyn291FEx7S9M-0C7C3zcjnMW-C3MARhjFHUbzhcHzCK4m3Xc84Vnjhrrqi_1iubCY1oAsASNbjVNwo5mDmIyvuurgiY9XnlkIL-vCEWvY/s512/pages-gadget-how-to-set-up-posts-in-pages-in-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmWuJPizQoy7mOi4D3vw-XWq0IfW7E5a8zLgLyn291FEx7S9M-0C7C3zcjnMW-C3MARhjFHUbzhcHzCK4m3Xc84Vnjhrrqi_1iubCY1oAsASNbjVNwo5mDmIyvuurgiY9XnlkIL-vCEWvY/s512/pages-gadget-how-to-set-up-posts-in-pages-in-blogger.png" /></a></div><br /><br /><br /><h3>3   Optional:  Deal with the home-page</h3>If you don't want your posts to appear on the "home page" was well as the topic pages, then there are two possibilities:<br /><ul><li>Use a technique similar to <a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html">Showing a Gadget only on the Home Page</a>  to not show the Blog Posts gadget on the home page.  <br /><br />In this case, the condition to use is !=  instead of ==)   <br /><br />If you do try this, then I strongly recommend that you consider the various options for <a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">giving your blog a home page</a>, and make sure you are ok with the <a href="http://blogger-hints-and-tips.blogspot.com/2010/06/editing-your-blogs-template-advantanges.html">disadvantages of editing your theme</a>.</li></ul><br />OR<br /><br /><ul><li>Give your blog a "home page" using the custom-redirect option discussed in <a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">this post</a>.</li></ul><br />However I generally see this as unnecessary, because in most cases, very blog visitors ever see the home page.<br /><br /><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br /><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-4862549906412680" data-ad-slot="3409801940"></ins><br /><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /><br /><br /><h2>Job Done</h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89FcVWNwKeiQx0UBWY3vHV-PnJKHU9hYMcehlZmoVfjJeniWQO844CEsZMFmiX8W1z1HgjgqicAh7RsaAWylOLqm8BkhUFxa_UaQc2YEMPf0hP4qAnVLuJaEnVy0QN8TuFxx1Eiqw1UwL/s189/Job-done-thumbs-up-success-icon.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi89FcVWNwKeiQx0UBWY3vHV-PnJKHU9hYMcehlZmoVfjJeniWQO844CEsZMFmiX8W1z1HgjgqicAh7RsaAWylOLqm8BkhUFxa_UaQc2YEMPf0hP4qAnVLuJaEnVy0QN8TuFxx1Eiqw1UwL/s1600/Job-done-thumbs-up-success-icon.png" /></a></div>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.<br /><br />Even better, if some posts relate to more than one topic, they show up on <i><b>both</b></i> of the relevant pages.    And if you have used the Pages gadget, your blog is well set-up to work with a <a href="http://blogger-hints-and-tips.blogspot.com/2012/05/mobile-templates-for-blogger-and-why.html">mobile-theme</a> - which is something that is getting more important every month.<br /><br />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 <b><i>actually</i></b> using.<br /><br /><br /><br /><hr /><h2>Related Articles</h2><a href="http://blogger-hints-and-tips.blogspot.com/2010/04/categorising-your-posts.html">Using Labels to group your Blogger Posts</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2012/01/page-gadget-menu-bar-for-your-blog-with.html">Adding external and internal URLs to your pages-gadget / menu bar</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/01/setting-what-goes-on-home-page.html">Giving your blog a home page</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/02/difference-between-pages-and-posts.html">The difference between posts and pages</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2010/03/displaying-gadget-only-on-home-page.html">Showing a Gadget only on the Home Page</a><br /><br /><a href="http://blogger-hints-and-tips.blogspot.com/2012/05/mobile-templates-for-blogger-and-why.html">Making your blog work for people using smartphones and tablets</a>

How to put put Posts into 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 on...

Read more »