, ,

How to Make "Read More" (Expandable Post Summaries) in Blogger Templates

Thursday 3 September 2009 1 comments

If you have changed your blog template, you might feel there is something missing from the new look of your blog. Take a look, your blog article looks too long isn’t it? If you make a certain length articles, the entire article will be displayed. This makes your blog look less attractive and give some trouble to the reader to see all titles of articles on the front page of your blog.

It happened because you have not added the code "Read More" (Expandable Post Summaries) in your template. If you already added this "Read More" (Expandable Post Summaries) code, then only a part of your article will be displayed. The rest will be hidden and only displayed when the reader interested to continue reading and hit the "Read More" link or button.


If you are interested to make it, you can following this:

1. Log in to your blogger. com account
2. Check “settings” menu and then check “formatting” page
3. add the following code in the “post template” box

<span class="fullpost">

</ span>

Then Save.
4. Go to “layout” page, then check edit template
5. Check the expand templates widget box
7. It is better to download all of your templates first. If there is a mistake you'll easy upload it back.
8. Find the following code:
<div class='post-header-line-1'/>
<div class='post-body'>

(Can be also like this:
<div class='post-body entry-content'>

Just find the most similar)
9. If so, add the following code below:
<b:if cond='data:blog.pageType == "item"'>
<style>. fullpost (display: inline;) </ style>
<p> <data:post.body/> </ p>
<b:else/>
<style>. fullpost (display: none;) </ style>

10. Look down, there will be this code:
<p> <data:post.body/> </ p>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>

11. Among the code:
<p> <data:post.body/> </ p>

and
<div style='clear: both;'/> <! - clear for photos floats ->

Add the following code:
<a expr:href='data:post.url'> Read More .. </ a>
</ b: if>

12. If you've done, then save your template.


Now try to edit one of your post:
1. Check Edit HTML on your post page
Choose the section you want as your article summary, or which will appear on your blog page. Put code:
<span class="fullpost">

afterwards.
2. Put the code:
</ span>

on the bottom, so that the rest of your article will be among the code
<span class="fullpost">

And
</ span>

2. If you have done, save your article back.
3. Now, please check at the new look of your blog.
4. Done.



Read the full story

, ,

New Arthemia Template for Blogger.com

Wednesday 2 September 2009 0 comments

Arthemia is one of the most popular of bloggers template. Originally, Arthemia is a wordpress template that is converting to be compatible for use on blogger.com. In addition to its elegant appearance, Arthemia template favored because has been equipped with some very popular widgets such as drop down menus, three-column body, and three column footer.

Arthemia templates design have been updated for many times, following the new trends and styles of templates. Now you can use the New Arthemia template that is more interesting than usual Arthemia template. Tanks to Rajeel who have assemble the New Arthemia for all bloggers. The touch made by Rajeel make New Arthemia looks much more professional and interesting.

If you intend to choose a template for your new blog, Arthemia is one option that I recommend. As you can see this on my blog, I myself also use the New Arthemia, which i think looks neat and professional. For those of you who fans of personal magazine-style template, you should consider to use this template one.

In New Arthemia template, you will instantly get:
1. Two / Three columns depend on your customization
2. Proffessional Design with magazine style
3. Built-in search box
4. Nice Drop-down menu
5. Three footer widgets
6. Banner ad ready (468 × 60, a big banner ad)
7. Headline Section to enlight your Top-post
8. Featured Posts section to show off your featured posts
9. Nice graphic labels above the posts
10. Built-in Tag cloud
11. Compatible for Mozilla - all version
12. Compatible for IE 8 and 7. Also compatible for IE 6!!

For a guide to install this template, you can go to Rajeel blog.

If you liked this template, you can download it here:
New Arthemia

Or if you prefer to use the old version of Arthemia, you can go this one:
Arthemia


Read the full story