How to set the URL for Blogger posts

This article shows how to use the Permalink options to control the URL used for a post in your blog.

URLs and Blog Posts

When you first publish a post in blogger, an URL (called a permalink in blogger) is automatically generated for that post. It looks like:

www.yourDomain/yyyy/mm/WORDS-ABOUT-MY-POST

In this URL:

• yourDomain is either your custom domain (eg fred-fish.com) or your blogspot domain if you aren't using a custom domain at the time (eg www.blogger-hints-and-tips.blogspot.com)
• yyyy/mm is the year and month of the post's original publication date.

Years ago, Blogger chose the WORDS-ABOUT-YOUR-MY based on the title, or the first words in the post if the title was blank. They used some rules eg leaving out "the" and other common words, and putting numbers on the end so that every post has a unique URL (called a "permalink" in Blogger).

However Blogger have now provided a tool that lets you choose the WORDS-ABOUT-YOUR-POST separately from the post-title.

How to change the customisable part of the URL for a post

1  Edit the post in the usual way.

2  In the Post Settings area (currently at the right hand side of the editor), there is a section called Permalink.

3   Click on Links to show the options in it.

4   Click the custom URL radio button

5   Type the words that you want to use in WORDS-ABOUT-YOUR-POST into the Custom URL box

6   Click Done.

7   Finish the post, and Publish it.

Restrictions

The only characters you can use are:

• lowercase letters (ie a, b, c ... z)
• uppercase letters (ie A, B, C ... Z)
• digits (ie 0, 1, 2 ... 9)
• underscore (ie _)
• dash (ie - )
• full-stop, also known as a period (ie .)

It looks like there is no restriction on the number of characters you can put into the URL.  For example, I was just able to make a post in my test blog, with this URL:  
http://bhat-draftarticlestore.blogspot.ie/2012/07/123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-123456789-.html
(you cannot see the post, because that particular blog isn't open for public reading.)


If the combinaton of yyyy-mm from post-date (which you can change - see Setting the Post Date) and WORDS-ABOUT-YOUR-BLOG is not unique, Blogger will leave out the last character(s), and put in numbers to make it unique.

It only applies to Posts, not Pages:  the only way to influence the URL / permalink for a Page on your blog is to choose the initial words in the page-title very carefully.   (Ref:  the difference between Posts and Pages)

Why should you bother? What words should you use?

Firstly, it's only worth changing the custom words in your post-URL  if SEO matters for your blog.

If you think the change is worth it, then you need to think about what specific words
1) accurately reflect the content of your blog, and
2) are likely to be the words that people search for.

Unless you're a spammer, there is no point in making your post url www.myBlog/2012-07/hot-and-sexy-topic if your post doesn't have any content about hot-and-sexy-topic. (And if you are a spammer, you may as well leave Blogger now, before you get kicked off anyway.)

Leave out smaller filler words like "the" "a" "and" - unless they are relevant to the post-contents. For example include "the Who" if your post is about the band called The Who, but leave it out if your post is about the cats who can fly.

Lastly, many SEO experts (self-proclaimed and otherwise) say that dashes are better than dots or underscores. Only Google and Bing know if they'are correct or not. But it's probably a good idea to use xxx-yy-aaaa instead of xxx_yy_aaaa or xxx.yy.aaaa, just in case they are.

Changing the post-title after publication

Google's help-article about the custom-permalink feature says:

"because Blogger automatically creates the URL from information from your post title, your URL would change should you decide to edit the title. This would result in broken links, and fewer visitors to your blog"

This isn't the way Blogger worked before: until now, I often published a post with one title using the words I wanted in the URL, and then very quickly edit it and change the title to the words I wanted in the title. For example, for a recent post

• the URL is  http://blogger-hints-and-tips.blogspot.com/2012/07/html-code-for-popular-gadgets-in.html
• the post-title is now:  Where to get the HTML code for popular gadgets in Blogger

I just tried this again in my test-blog, and found that it's still true: even if you change the title, the post URL doesn't change.

Changing the custom-URL words after publication

Originally, after you hit the Publish button for the first time, there was no way change the permalink:  if you click on the Permalink option in Post Settings, you are shown the custom value that you chose, but you cannot change it.

However you can now:

• Edit the post.
• Click the Revert to draft button.
• Edit the post URL in the same way

and the URL of your post will be changed.  Note that if you do this, the post characteristics (view count, comments) are kept.   This means that Blogger must be associating them with the unchanged internal post-identifier, not the URL.

---

Related Articles

How to change the date for a post

What is RSS and why it matters for bloggers

Use a private blog to get your posts right before publish them

Linking your blog and the social networks

Moving material from one blog post to another

The New Apple Pencil Sketches New Shade on an Old Idea

The Apple Pencil is upon us. While it's not a new concept, it does deserve a more in-depth look at its features and abilities. It's essentially a stylus for the iPad, and it's introduction is a bit shocking to followers of Apple products. Steve Jobs is well-known for stating his disinterest in creating a stylus of the iPad. He routinely pointed out that your finger was the best pointing device. With the new CEO of Apple Tim Cook taking the reigns, it seems some big changes are coming to Apple products. If you take a closer look, you'll find there are actually several features that make this pencil a really good idea.

It Enhances Precision

Your finger is convenient, and it worked well with the iPad when it was in its infancy. However, as the technology has improved and app developers are creating new technology, it's become necessary to introduce a more precise pointing mechanism. Of course, it wouldn't be an Apple product if it didn't do something other products can't do. The Apple Pencil detects position, force and tilt. The pencil should act as a catalyst for app developers to start making apps that take full advantage of the stylus. It can also use your iPad to keep itself charged when you're not using it.

How It's Made

The Apple Pencil is made to work with your iPad software. A stylus that you can buy in the store uses passive technology. They are just replacements for your fingers. It much the same way as checkweighers work, the Apple Pencil can sense the amount of pressure you are using. The Apple Pencil and the display are two parts of the same device. The Apple Pencil works with the technology of the display to use both pressure and angle sensing. It's made to work only with the iPad, so you can't use this device with other systems. The device offers very little lag, it connects quickly and it automatically charges when you're not using it. For it to work properly, most of the touchscreen has to be able to sense hand pressure and differentiate it from the Apple Pencil.

It Annotates Better

When Apple demoed the new Apple Pencil, they invited a representative from Microsoft on stage. The purpose was to demonstrate how the pen worked in Microsoft Office. The representative demonstrated how items can be circled in documents, and shapes can be drawn directly on PowerPoint slides. Once the objects are drawn, they can be easily converted into graphic objects for placement anywhere in the document. Overall, the stylus worked very well and seemed to make the process of editing documents much more productive.

It Draws Better

One of the issues many users report with using a stylus, is that the image doesn't appear on the screen instantly. With the Apple Pencil, when you draw something it appears instantly. This is a crucial step forward that makes it an ideal object for artists who work in graphic design. The ability to detect pressure, force and tilt will enhance shading and dimension in graphics. It works well in Adobe Photoshop FX, and it should also find its way into several other applications that are useful for graphic design.

The question of why Apple would decide to design a stylus after all these years is an important one. It seems that the stylus will appeal mostly to graphic designers and business professionals who need to mark up their documents on the go. The stylus won't work with the iPhone, and it's likely going to require you to purchase a new iPad to get the functionality. This device should help to spur new iPad purchases, and Apple can continue to raise the bar on future incarnations to make it even more feature-rich. It offers a more life-like experience than when using other stylus products. Ultimately, the new Apple Pencil works much more like a real pencil.

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 that are shown at the bottom of Blogger blogs with Layout or Designer templates.

Why are the older and newer posts links used

Most designer and layout templates have links at the bottom of your page of blog posts which let readers navigate back and forward among the list of posts.

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.

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.

But some people want to remove them - and this is fine provided readers have other ways of navigating around the blog.

How to remove "Newer Posts" and "Older Posts" from your blog

To totally remove these items, you just add some new CSS rules to your template in the usual way.

To remove "Older Posts" add:

#blog-pager-older-link {
float: right;
}

To remove "Newer Posts" add:

#blog-pager-older-link {
float: right;
}

Or to remove both of them and the "Home" link that appears in between them, add:

#blog-pager {
display: none;
}

How to format the "Newer Posts" and "Older Posts"

Changing the way that these links look is very similar, you just add the same codes, except instead of 

display: none;

you need to use the CSS element for the effect you want.   For example, to make the text bigger and bold, you might use rules like

font-size: 150%;
font-weight: bold;

You need to put these commands inside the curly brackets, where the display: none; 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.

Another option is to swap the "float" commands around to put "older posts" on the left and "newer posts" on the right (I've never quite understood why they were the other way around).

You can also use background images and colours, with elements like:

background-image:url('URL OF YOUR IMAGE');

background-color:#cccccc;

How to change the "Newer Posts" and "Older Posts" text

If you want to change the text values - either to different words, or by replacing them totally with pictures, you need to accept the disadvantages of editing your template.   If this is ok, and you you want to proceed then:

1  Edit your template in the usual way

2  Replace the existing links:

• To replace the "newer posts" link, find <data:newerPageTitle/>  in your template, and replace it with whatever text you want.
  
• To replace the "older posts" link, find <data:olderPageTitle/>  in your template, and replace it with whatever text you want.  
  
• To replace the "home" link, find <data:homeMsg/>  in your template, and replace it with whatever text you want.   

In each case, the code you are replacing will be inside some other code, like this:

  <span id='blog-pager-newer-link'>
      <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'><data:newerPageTitle/></a>
      </span>

Make sure that you only replace exactly the code listed above, including the < and >'s.   The other code around sets up the links to the actual older or newer posts, and you don't want to change this.

Also, if you want to use a picture instead, replace it with <img alt='...' border='0' src='THE URL OF YOUR PICTURE'/> - of course with the right picture URL put in.

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.

---

Related Articles

How to add a CSS rule to your template

How to edit your blogger template

Understand the advantages and disadvantages of template editing

Finding the URL of a picture in Picasa-web-albums

Understanding designer and layout templates