Showing posts with label blog template. Show all posts
Showing posts with label blog template. Show all posts
, ,

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

,

Changing the blogger default template

Tuesday, 18 August 2009 0 comments

In fact, the default template that provided by blogger.com has been very good. Its now depending on your creativity to explore. Actually, you can learn to make modifications to the HTML code of your blog template to make it suitable to you. Various things can be done, for example, add a column on sidebar,make two columns at the header, make three fields footer, and others. Many tutorials abaout that can easily can be found on the internet.

However, if you still feel the default template can not represent all of your needs, then you can change the template. Event if you dont want to be bothered own, you can use service of the free template provider . They usually provide a lot of templates that you can select according to your taste. Some that I recommend are:


1. btemplates.com
2. eblogtemplates.com
3. bloggerstyles.com

Please visit the site. Then, find the template that accordance with your wishes. I recommend that, before you download the template, you have to see the demo first, to ensure that the template is consistent with your expectation. If you are unsure, now you can download it, by pressing the dowload button that provided. Note that some available file is made in the extract files form. So, you must first extract it with your extraction software.

If you have done, then the next step is to install the template on your blog:

1.Please access your blogger.com account.

2.Choose 'Layout' and click 'Edit HTML'

3. Check "Expand Widget" and then click "Download Full Template".
You should do this, to anticipate when an error happen on the new template. If that happens you can restore your default template with again by uploading this file.

4.Klik the "browse"
You will go to your computer explorer page. Please find a new template that you have downloaded before.

5. When you have done, click the "upload" button.

6. Click "Preview" button first, to see the new look of your blog.

7. If you are unsure, then you stay pressing the "Save Template" button.

Congratulations, your blog already have a new template. Please complete the new template with your new widget that you like.

Read the full story