Posts Tagged blog theme

Live Writer Tutorial Series

Technogran presents a well done series of tutorials over on Technogran’s Tittle Tattle. Even if you are an expert with Live Writer these post are worth your while.

Blogging with Windows Live Writer 2011. 1.Let’s begin!

Blogging with Windows Live Writer. 2. Writing your post.

Blogging with Windows Live Writer 2011. 3. Let’s insert something!

Blogging with Windows Live Writer 2011. 4. Inserting Everything bar the kitchen sink.

Blogging with Windows Live Writer 2011. 5. A closer look at photos.

Blogging with Windows Live Writer 6. Handling your blog account.

Blogging with Windows Live Writer. 7. Handling those files!

Blogging with Windows Live Writer 8. Categories, tags and dates.

.:.

© 2012 Ludwig Keck

LiveWriter-credit-360

Advertisements

, , , , , , , , , , , , , , , , , , , , , , , , ,

1 Comment

The Anatomy of a Blog Post

A blog post is a short article posted on a blog site. What you are reading now is a post on the Live Writer Basics blog. In this article I want to take my newer blogger friends a little bit behind the scenes to help them learn the details and mechanisms of a blog post.

First a bit about blog sites and services

A vast number of blogs are hosted by WordPress, as is this blog. There are other blogging services and they differ in many respects from WordPress, but I will quickly go over how a blog functions on WordPress. A blogger sets up an account by clicking the “Get started here” button on WordPress.com. With the account comes a blog site. In setting up the blog, the blogger selects the site address and name. imageThis blog has the address “https://livewriterbasics.wordpress.com” the name of the blog is Live Writer Basics as you can see at the top of this page. The blog consists of one or more pages. Typically the “landing page”, the one you get to with the blog’s URL or web address, shows the posts, the short articles, with the most recent one at the top.

The formatting, layout and style, of the blog is defined by a “theme” provided by the blogging service. WordPress has hundreds of themes to choose from. There may be a header image in addition to the blog name and byline. Most blogs have “sidebars” with various items of information. Typical items in the sidebar are links to prior posts, a search box, archive, links to other blogs, and other items that are automatically updated so the blogger does not need to worry about accessibility to information on the blog.

There may be other pages, reached with links on a menu bar, very much like any typical website. The pages in a blog contain more permanent information such as the About page here. There may be some advertising. This post may be followed below by an ad that WordPress places. This is how WordPress can make blogging free or very inexpensive. The blogger using a WordPress.com blog may not place any ads in the blog.

The “front” page may be quite long, showing a number of the recent-most posts. One such page is illustrated at the right. Posts and pages can be created in Windows Live Writer.

The blogging service, in this case WordPress, provides summary pages reached by the category and tag links.

Possible the most important part of a blog is the ability for readers to leave comments at the end of each post. This provides two-way communication between the blogger and the audience.

What does a post consist of?

Each post has a title. This is followed by the text or the article, maybe photos or other content. There is a post date showing the date, and often, the time the post was “published” or placed on the blog site. Typically a post is also marked with a topic, called “category” at WordPress, and “tags” that describe the topic details in more detail. Such categories and tags link to similar content in the blog and, more importantly, to other blogs. WordPress provides for such tagging. In addition there may be tags using another service. This blog also contains “Technorati” tags – you can see them illustrated below and real ones at the end of this article.

Here is an illustration of a typical post title, post date, and all-important first paragraph.

image

The end of that post looks like this:

image

The article ends with an “end of Ludwig’s story” mark, a copyright notice, links to the author’s website and social sites. This is followed by a group of Technorati tags. Each tag links to a Technorati page showing blogs on that topic.

There are a group of links to allow the reader to share the post and to indicate a “Like” to the author.

The gray links are the WordPress categories, marked “Posted in” that link to pages showing posts of that category, and tags introduced with “Tagged”. These also link to pages showing posts on those topics.

The last item in the gray WordPress items is a link to the comments on this post.

The skeleton of a blog post

In spite of the complex and and well-manicured look, the actual post consists of just HTML code. It is the reader’s browser that puts it all together and makes it look the way it was intended.

image

This is the code produced by Live Writer. Of course, when writing the blogger uses the “Edit” mode which shows the post pretty much as it will appear to the reader. Note that there are no images in this code, the pictures are defined by hyperlinks and are not stored with the post code. Live Writer takes care of those details and a novice blogger can be unconcerned – it just works.

When writing the text the author has “HTML styles” available to define the elements of the text and a limited set of font and positioning commands.

image

Normal text is called “Paragraph”, there are six “heading” styles. The actual appearance is defined by the blog theme and, once selected for the blog, is not further controllable. There are, however, additional controls for font, type size, and text placement. These are also limited. In Live Writer fonts can be set to any available on the bloggers computer. They will work just fine if the reader has that same font available on the computer used to view the blog. That last sentence contains the reason why a blogger must be very careful about setting the font. There is no assurance that it is available to the reader.

This is a quick look at the mechanics, the anatomy, of a blog post. A blogger is assisted by Live Writer in putting it all together so it works. It is easy to prepare a blog post, writing a captivating, informative, helpful, and timely article, well, that is another story.

.:.

© 2012 Ludwig Keck

, , , , , , , , , , ,

1 Comment

Blogger offers new designs, improved performance

Blogger took a major step today with a rebuild and modernization using the latest web technologies, HTML5 and CSS3. If your blog is hosted on Blogger be sure to check out what is new. You just may want to restyle the looks of your blog.

image

There are seven new designs with plenty of ways to customize the look and feel.

You owe it to yourself to explore the possibilities. Be sure to check out the backgrounds and other features.

imageOnce you have decided on a new look and clicked “Apply to blog” on each option page, there is one more important step.

Open Windows Live Writer, click the Blog Account tab. Then click Update theme. Moments later you will see your Live Writer showing the new design, fonts, and sizes.

Here is how it looks for my Café Ludwig blog:

image

If you are reading this at Live Writer Basics click Café Ludwig to see this post over there – and vice versa.

Happy blogging!

.:.

© 2011 Ludwig Keck

, , ,

Leave a comment