How To Make "READ MORE"

This tutorial is very easy if you just follow this step by step tutorial properly. With this hack, you can choose to display only a selected amount of text from the beginning of each post as a teaser instead of showing the entire post on the front page of your blog. Then when people want to read the rest of your post, they can click a “Read more...” link to read your entire post. (Note that you’ll need to have post pages enabled in order to make this feature work.)

1. Login to your Blogger account and go to Layout > Edit HTML (click Expand Widget Template).

2. Find this line of code:



3. Copy this code just before the code above:










4. Now, copy this code just after the code above ():


Change the Read more... text to whatever link text you want to appear. The result should look something like this now:


5. Save your template.

Adding Class Tag in Your Default Post Template:

1. In your Blogger Dashboard, go to Settings > Formatting and scroll all the way down to the bottom. Copy this code and then save settings:



It should look something like this:

Creating a New Post:

When you click the Posting tab (HTML mode), you'll notice that your default post template now has  and  tags. Anything you put above the tag  will be the teaser text. The main body of your post needs to go in between the and  tags in order for the “read more…” link to work properly. See image below:

Publish or preview your new post to see your newly created "Read More..." works on your blog.

Comments

Popular posts from this blog

Foto jaman Jadul n Fans Mba2

make screenshot is easy you know that

Web Marketing Consultant - Benefits of Hiring One