Create 'Read More' Link on Article

Example:

The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header.
Read More...

There 3 steps to create that 'Read More' link.

Step 1, update your template:

1. You must login on Blogger.
2. Click on Layout.
3. After that, click on Edit HTML.
4. Find 'Expand Widget Template' checkbox, then check it.
5. Find this code on HTML code:

<p><data:post.body/></p>

6. Delete that code, change with this one:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

7. Save our works.

Step 2, create your template post:

1. Click on Setting > Formatting.
2. Find 'Post Template' form, fill the form with this code:

<span class="fullpost">
</span>

3. Save.

Step 3, create your new post:

1. Create new post.
2. Between 2 tabs, 'Compose' and 'Edit HTML', choose Edit HTML. You can see code of post template.
3. Put your main article before '<span class="fullpost">' and rest your article after that. Close the article with this code '</span>'

Now, the example code:

The header is the first element that most visitor see on you blog. Yes, it's the most important thing. The header makes your blog be different for another. That's why you have to get more attentioan on your blog header.
<span class="fullpost">Even you using a free public template. If you choose using a free public template, you still have to modify your current header. Give some touch to look different form the original. That's makes your blog can be different.</span>

-- D O N E --

Blogger Update

Blogger release new interface, named Google Gadgets.

What it is?
More like widget. The diffrent is Google Gadget allows for the integration of iGoogle Gadgets directly into your sidebar. Also built into Gadgets is blogger Gadget Directory, which lets you browse through thousands of cool gadgets and add them to your blog with a simple click of a button.

Gadgets have built-in configuration for easy integration into your layout. All gadgets are automatically sized to match the width of your sidebar, and their height in pixels can be adjusted using the Gadget's built-in options.

Cool, isn't it?

How to use it?
Simple. The different is, blogger change the link with 'Add a Gedget' at layout page. After click that link, a new window will come out. Now you see thousand gadgets, ready to use. List by the category.

The gadget you pick, click the '+' button.


If you try to searching some gadget. You can use the searching form.

-- Itching to get started? --

About CSS

In web development, Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

CSS is used by both the authors and readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentational characteristics, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.

The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998).