Ah, finally your chance to share your thoughts with the world via your own hosted blog. Figure 21.5 shows the Blogger blog entry page, which includes a large edit box where you enter the content for your new blog entry. Figure 21.5. The Posting area of Blogger includes an edit box where you enter the content for a blog entry.As you can see in the figure, the edit box in the Posting area of Blogger includes several formatting controls along the top that allow you to carry out common formatting tasks such as altering the font and alignment of text. You can also insert images and even spell-check the page content. From an HTML perspective, the most interesting part of the Blogger Posting area is the Edit Html tab in the upper-right corner of the page. Click this tab to view the blog entry as pure HTML code. Figure 21.6 shows the HTML code for the blog entry that appears in Figure 21.5. Figure 21.6. The Edit Html tab of the Blogger Posting area allows you to edit a blog entry as straight HTML code.The figure reveals how you can now see the bold and italicized text coded using the <strong> and <em> tags.
What the blog's HTML code doesn't show is how CSS styles enter the blog picture. You could certainly enter inline styles directly in the HTML code, but that isn't really necessary because your blog is already using a CSS style sheet via its template. The trick is to focus your attention on modifying the template to change the overall look of your blog to match your web site. But before you do that, go ahead and click Publish Post to finish publishing your first blog entry. |