Read More Feature For Blogger

There are two kind of "Read More" Feature, Manual read more and automatic read more(third is Expandable read more, but i don't include it to this post). Think it first before you choose what kind of read more feature you will use, because both of this feature have positive and negative point. Example, some paid review advertiser required the review does'nt use "read more".

# Manual Read More Feature

1. Open Edit HTML

2. Check "Expand Widget Templates"

3. Search this code

<data:post.body/>

4. Change the code above with this code

<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>

5. Save

Include the read more code in your post like this.

SUMMARY POST.......
<span class='fullpost'>
POST CONTINUE/HIDE POST...
</span>

# Automatic Read More Feature(Using file hosting)

Step 1-3 same as Manual read more step

4. Change the code above with this code

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://herro.fileave.com/readmore-matic.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more......</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

5. Save

Note:
summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width
Download this javascript file to use your own file hosting : readmore-matic.js


# Changing "Read More" text with "Read More" image

Modify This Code

<a expr:href='data:post.url'>Read More......</a>

Like this(example only)

<a expr:href='data:post.url'><img src="http://imagehosting.com/imagename.jpg"/></a>

Read More......

How To Change Blogger Template

Before started to change your blogger template, make sure you download the template xml file to your computer. If in zip/rar file, extract it first.

How To Change Blogger Template Tutorial. Please backup your widget before.

1. Open edit HTML page


2. Click "browse button" the choose your xml of template you want to use


3. Click "Upload button"


4. Preview it first before save .

Read More......

How to create a blog in blogspot

Blogs are another kind of website. The content is usually organized by date and category with the most recent post/content displaying first. Blogs are also easier to setup than websites, and because of this reason people are often lured into thinking blogs are a better option than websites.

Below is introduction how to create a blog in blogspot. You only need to do 3 easy step:

1. You need to have already created an account on blogger.com. Once you've logged into blogger.com, click the Create a Blog link above your list of blogs.

2. Enter a Title and Address (URL). You'll also need to type in the verification word displayed on this page, to confirm that you are a real person and not a computer. When you're done, click continue

3. You can choose a template for your blog; this is how it will appear when you publish it. Next, Blogger will create your new blog and reserve your spot on BlogSpot. As soon as you make your first post, your page will appear at the address you chose. You're all ready to blog!

Read More......

Welcome To Btheme Blog

This blog created to help bloggers when costumizing blogger templates.

Read More......