Chapter 4
In This Chapter
Signing up with Blogger to get started
Writing, publishing, and viewing your first blog post
Managing your blog settings
Customizing your blog template to match your style
Part of the beauty of a blog is how quickly and easily you can get going. You can go from zero to blog in about ten minutes by using good blog software, especially if you go with hosted blog software. One such is Blogger, which is the focus of this chapter. I show you how to set up a blog with Blogger, write and publish blog posts by using its interface, manage your settings, and customize your template to make your space on the web unique.
If you're unfamiliar with hosted blog software versus server-based software, flip to Chapter 3 for an introduction to blog software. In Chapter 5, you can find an introduction to WordPress, which offers both hosted and server-based blogging software. In Chapter 6, you discover Tumblr, a short form of blogging called micro blogging. And in Chapter 7, you can learn about launching a Squarespace blog.
You can't find a better place to get introduced to blogging than Blogger (www.blogger.com
). It's free, fast, and easy to use. Because you can get started so easily, you can use Blogger to play with code and discover how blogging works without having to invest a lot of time and energy in web servers and complicated installation processes.
Blogger promises to get you blogging in three steps: Create an account, name your blog, and choose a template.
Before signing up with Blogger, you need login information (a username and password), which you can get in a couple of ways:
To sign up for Blogger when you don't have a Google account, follow these steps:
www.blogger.com
).When you type your password, Blogger indicates whether you need to increase the password strength — meaning how difficult it would be for someone to guess your password.
To sign up for Blogger by using an existing Google account, follow these steps:
www.blogger.com
).The Blogger Dashboard appears.
When you have a Blogger account set up, you can choose a name for your blog. If you're creating a blog that you plan to actually use (rather than just test, a topic that I discuss in Chapter 3), give a lot of thought to the name that you choose. Your blog name needs to accurately portray your blog's tone and content. If you plan to use this blog as a test space, don't worry too much about choosing a name that has a lot of meaning, but be sure you choose something that you can remember!
To name your Blogger blog, follow these steps:
A URL (uniform resource locator) is better known as a web address. To open your blog, visitors type this address into the address bar of their web browsers. You can use any word or phrase that you want as a URL, as long as someone else isn't using it, but you probably want to keep it short, sweet, and memorable so that others can get to your blog quickly and easily. You can't use spaces or punctuation, except dashes, in your URL.
You can type about 35 characters in this text box.
As you type, Google checks to see whether your URL is available and displays the status of that check below the text box.
You can change this selection later.
Blogger sets up your new blog and takes you to the Dashboard.
When Blogger sets up your blog, it adds it to a Dashboard (see Figure 4-1) that displays your new blog and any others you may have. You can use the Dashboard to get quickly to common tasks, such as writing a new post, checking your stats, and viewing your blog.
To write a blog post, click the orange Pencil button next to the name of your blog. The View Blog button opens your blog, allowing you to view it the same way your visitors will see it.
The Posts drop-down list gives you access to all your past posts, pages, comments, stats, earnings information, layout, template, and blog settings. Simply click the arrow in the Posts drop-down list to view all the options, as shown in Figure 4-1.
You officially join the blogosphere by writing your very first blog post, an entry, for your new blog. (The blogosphere, by the way, is the semi-ironic way that bloggers refer to themselves, their blogs, and the phenomena that is blogging today. You're a member of the blogosphere when you have a blog, regardless of whether you think it's the dumbest word you've heard this year.)
The mechanics of writing a blog post aren't much different from writing an e-mail. Bloggers usually make most posts quite short, and they write those posts directly and conversationally. Of course, you might decide to use your blog to write the next Great American Novel, in which case your posts might be quite a bit longer than what's standard! That's fine, too. Every blog takes on a personality and life of its own. If you want to find your own narrative voice for your blog, go to Chapter 8.
Follow these steps to write a blog post on Blogger:
Blogger opens the Publish entry screen, as shown in Figure 4-2.
Titles are a lot like newspaper headlines: They should be catchy and informative, and they should encourage visitors to your blog to continue reading the rest of the post.
Consider writing your blog posts in a standard word-processing program, such as Notepad or Microsoft Word — and then saving that post. Too many bloggers have spent hours composing right in the entry box of their blog software, only to find that their Internet connection has failed or another technical problem has occurred — which results in a lost post. You don't want to lose all your carefully considered prose just because your cat pulled the cable modem out of the wall! It's safer to compose offline and then simply copy and paste the text into the blog software.
Blogger's entry box includes icons across the top that let you change the font style and font size, apply bold and italic to text, and create common formatting styles such as lists. To use these features, select the text that you want to modify by clicking and dragging over the text; then click the appropriate icon or select an option from the desired drop-down list.
The Link icon deserves special attention. You use this icon whenever you want to link to another blog, a news story, that embarrassing website that your best friend just created, or any other page on the web.
When you want to create a clickable link in your blog post, follow these steps:
A pop-up window appears, as shown in Figure 4-3.
http://www.flickr.com/photos/supersusie/6166429107
And not this: www.flickr.com/photos/supersusie/6166429107
You can most easily make sure that you have the right link by going to the web page to which you want to link. Then copy the URL from the address bar. (Press Ctrl+C to copy and then Ctrl+V to paste; on a Mac, use rather than Ctrl.) To make sure that the link is going to the right page, you can click the Test This Link link in the Edit Link window to preview the page.
After you click OK, the linked text appears as underlined blue text in your post. It doesn't become clickable until you publish it.
Blogger provides a handy tool for anyone who needs help with spelling (and who doesn't?). After you finish writing your post, click the Check Spelling icon. It's the icon that shows the letters ABC with a checkmark below them (refer to Figure 4-2).
Blogger highlights incorrectly spelled words in yellow. Click any misspelled word to see a list of suggested alternatives. Select any suggestion from the list or simply type your own correction.
You can make your blog post more appealing by including an image. Longtime bloggers can tell you that adding a photo or artwork encourages visitors to read more of the surrounding text. And, of course, everyone knows how many words that photo is worth!
Blogger has some good built-in tools that allow you to upload an image that's already the right size and format for displaying on the web. For help in formatting photographs from a digital camera or another source, see Chapter 12.
Follow these steps to upload an image from your computer and add it to your blog post:
It looks like a photograph (refer to Figure 4-2).
The Upload window opens.
A File Upload dialog box opens.
The image is uploaded to Blogger.
The image is placed in your blog post.
Make sure that you're allowed to use it by checking the website for copyright permission or asking the creator.
The phrasing of this option may differ from one browser to another. If you don't see anything that looks right, choose Properties from the menu. A window opens that shows you the URL address, which you can then click and drag to highlight. Press Ctrl+C to copy the address (+C on a Mac).
It looks like a photograph (refer to Figure 4-2).
The Upload window opens.
Blogger loads a preview of your image.
When you're satisfied with your blog post, you can publish it so that the world can admire your erudition. Publishing a post isn't hard: Click the orange Publish button at the top of the page. Your post appears on your blog, making it available for others to read.
Before you publish, you can take advantage of three areas of the Blogger Publish page that I find very helpful: previewing, saving as a draft, and selecting post options.
Before you publish, you can preview what you've created by clicking the Preview button (found at the top-right of the browser window). This preview is WYSIWYG (what you see is what you get), which means that it shows you the post exactly as you formatted it, including links, text colors, embedded images, and so on. The Preview is shown in a new browser window.
If you see changes that you want to make, simply switch back to the editing screen, make your changes, and click the Preview button again.
To the right of your blog post, you see the post settings links. These let you decide on a number of important ways your post is handled by Blogger, from when the post is published to whether you allow comments.
Many bloggers like to create posts in advance of when they plan to publish them. For example, if you're planning a vacation, you can write several posts before you leave. When you put them into Blogger, click the Schedule link to the right of the post box before you publish your post. Set the date and time you want your post to go live, click Done, and when you click Publish, Blogger will hold your post until that point.
By default, Blogger sets the publication date and time of the entry to the date and time that you began writing that entry. You might choose to change the date or time for a number of reasons:
You can choose whether you want readers to be able to comment on your blog post by selecting the Options link under Post settings. There are three options: Allow; Don't Allow, Show Existing; and Don't Allow, Hide Existing. Don't Allow, Show Existing keeps already-posted comments visible, even though no one can add new comments.
Most of the time, you want to allow comments; after all, part of what makes a blog exciting to read is the opportunity to interact with the blogger. Sometimes, though, you might write an entry that you don't want to read discussion about, perhaps because you don't want to start a long argument or because the entry has become a target of spammers. You can find more about interacting with your reading community and preventing spam in Chapter 10.
After you have the text and photos laid out nicely and you've chosen your settings, it's time to publish! This is pretty hard, so get ready:
After you publish, you can see how your post looks on the blog. You may find this step rewarding — and you definitely don't want to skip it. Even if you preview your post before publishing, you haven't seen your post in the way that your readers see it. You can do that only by actually going to your blog as it appears to everyone on the web and taking a look.
Computers can still make errors or fail between the moment you click Publish and when the entry shows up on the blog. I like to look at my blog every time I post a new entry to make sure that it actually looks right on the page and that the blog software successfully processed it.
When you click Blogger's Publish button, the system provides you with a handy link to view your blog. Click View Blog to head over to your blog and see your handiwork.
Of course, if you prefer taking the long way, you can always type the web address (the one that you chose when you set up your blog) into the web browser to see your blog without going through the Blogger Dashboard.
Blog software, as a rule, is quite customizable. As the owner of the blog, you can decide a number of things about the way your blog looks and works, and you can control those elements from the control panel — called the Dashboard in Blogger — of your blog software.
Most blog software packages work quite similarly, and if you know how Blogger works, you can make the most of any other software.
Blogger divides its settings into several areas: Basic, Posts and Comments, Mobile and Email, Language and Formatting, Search Preferences, and Other. I cover important highlights from the settings in the following sections.
You access all the Blogger settings via the Blogger Dashboard. (In other blog software packages, this area is called the control panel, the admin panel, and so on.) To reach the Dashboard, just log in to the Blogger website. If you're already logged in, look for a link to the Dashboard in the upper-left corner of any page and click it. This link is the Blogger icon. My Dashboard is shown back in Figure 4-1.
The Dashboard shows all the blogs that you've started with Blogger. For each blog, you can quickly start a new post, view your blog, or jump into other areas. A single click takes you into the blog settings, or to the template or layout that you're using.
From the Basic Settings area, you can change the name of your blog (Blogger refers to this name as the blog title) as well as give it a short description. Most of the Blogger templates display the description near the top of the page. Even if you change the title on your blog page, the URL that readers type into a browser to visit your blog stays the same, but you can also change the URL.
You can also add authors to your blog — people who can also contribute blog posts, creating a group blog. To add someone as an author, you simply need that person's e-mail address. If the person you're adding has a Blogger or Google account, I recommend using that address so that all his or her Blogger and Google account services are tied together.
If you aren't happy with the web address for your blog, you can edit the address by changing the Blog*Spot Address setting. For instance, if you start a blog called My New Kitten, Maggie, and your cat grows up (they do that, I hear), you might want to edit both the name and the location of your blog. (You have to make the name change on the Basic Settings tab, which I describe in the preceding section.) Use the Publishing tab to change the URL. For example, you can change
http://mynewkittenmaggie.blogspot.com
into
http://mygrownupcatmaggie.blogspot.com
Comments are both strengths and weaknesses of the blog medium. Both readers and bloggers find the capability to leave a comment, which lets you interact or converse with a blogger, very attractive.
The Posts and Comments settings help you reduce spam on your blog. One of the best ways to reduce spam is to specify who can comment on your blog. From the Posts and Comments screen, select an option from the Who Can Comment options:
Also on the Posts and Comments page, you can specify your comment moderation options. Change the Enable Comment Moderation setting to Always. Turning on comment moderation prevents anyone from posting a comment that you haven't approved. When someone leaves a comment, you get an e-mail that lets you know about the comment. From the Dashboard, you can authorize or reject the publication of the comment. You can also moderate comments via e-mail.
On the Mobile and Email settings page, you can turn on a cool feature that allows you to post to your blog by sending an e-mail message. When it's configured, you can simply send an e-mail to the address from any device capable of sending e-mail (such as your smartphone!). The subject of the e-mail becomes the title of the blog post, and the text of the e-mail is the entry body. It's a very quick, easy way to publish to your blog, which makes it great for when you're traveling.
To set up an e-mail address to be used to send a post to your Blogger blog, click the Mobile and Email Settings tab and fill out the Posting Using Email text box. Be sure to save the settings and test to make sure that it works!
You can also set up your phone with Blogger so that you can post using SMS/MMS. This is especially cool for photo bloggers who use their phones to capture images.
The look that you picked when you started your blog might be just fine, but many bloggers want to tweak and customize the look and feel of their blogs — I know I did when I started working on my blog. I was using personal words and pictures, and I wanted to make the rest of the site look more like my own website rather than a Blogger design.
Blogger differentiates between the template and layout of your blog. The template dictates the look of the blog; the layout is the placement of the elements of the blog.
When you start your Blogger blog, you choose a template, and that template determines the look and feel of your blog as well as the placement of the elements and what those elements are. However, you should think of the template and the layout it comes with as a starting point; it's not set in stone.
You can change the look of a Blogger blog in four ways:
One of the fun features of Blogger allows you to choose from a number of templates for your blog. The template determines both the look and feel of your blog as well as how the blog elements appear on the page. Blogger has many templates to choose from, and don't forget that you can customize or change the template later if your first choice no longer looks as fresh in six months. (For more info, see the “Using the Template Designer” section, later in this chapter.)
To choose a template, follow these steps:
The previews on this page give you an idea of how your blog would look if you used the various templates.
A larger image of the template opens in the window so that you can take a closer look, as shown in Figure 4-5.
You can preview as many or as few templates as you want. To close a preview without implementing the template, click the X in the upper-right corner of the preview window.
Blogger displays a confirmation message that the template has been implemented on your blog.
Don't know any HTML but still want to tweak certain elements of your blog's design just a little? You're in luck — the Blogger Template Designer gives you some excellent tools to do just that. In fact, I think you'll be pleasantly surprised to discover just how many things you can change easily.
The Template Designer gives you the capability to change:
To use the Blogger Template Designer, follow these steps:
The Template Designer opens.
The Select Background Image window opens.
Looking for something specific? Choose one of the image categories in the left side of the window to see topically selected images, such as Shopping, Technology, or Nature.
You can upload an image from your computer to use as a background by selecting Upload image.
The themes set background, link, text, and other element colors.
This opens the layout page.
You can also select the layout to use in the footer — that's the bottom area of your blog.
Selecting a thumbnail implements that layout on your blog.
In Figure 4-7, I customize the Blog Title.
You may customize each element in the following ways:
Font Face: Choose from the standard web fonts, such as Arial, Times New Roman, and many fancier web fonts.
Font Style and Size: Bold, italicize, and make text larger or smaller that the template's initial settings.
Color: Select a color for the element by using the following selection suggestions:
When you click a color, Blogger shows a preview of how it looks on your blog in the lower half of the screen.
A Blogger page opens, displaying a confirmation that it has saved your edits. You can return to the Blogger home page or continue making changes in the Template Designer.
The Layout area of Blogger (see Figure 4-8) gives you, the blogger, a ground-breaking tool that allows you to have detailed control over the layout and look of your blog without requiring you to become an HTML guru and stay up late figuring out the intricacies of web publishing. This kind of editing control reflects the growing do-it-yourself attitude found in the blogosphere: Bloggers want sites that reflect their own sensibilities, but not everyone has the time to become an expert or the budget to hire one.
This access also reflects the growing expertise of many computer users who can edit photographs and create graphics, and it gives them the capability to make the most of those skills.
In the Layout screen (refer to Figure 4-8), a wireframe of your blog template appears. A wireframe is a visual representation of the template layout that uses only outlines, or boxes, of the elements.
The following list explains how you can use the wireframe features to customize your page: