How To Use “Read More” Feature In Your Blog
When you start a blog, whether it is just for fun or to make money, you surely want visitors to come to your blog. The look of your blog plays an important role here. What’s your opinion when you come to a blog and suddenly you are staring at lots of long articles? I myself would got frustrated even before i started to read. Not that i against long article, it is better if we give the visitors just a little part of the article first. That’s why many bloggers use the “read more” feature. In this article I’m going to show you how to use this feature on two most popular blog platform - Blogger (New) and Wordpress.
Here we go!
1. How to use “read More” in Wordpress.
To use “read More” in Wordpress is very easy, you don’t have to change any code.
1. From the “write post” page you will see two modes. Visual and Code. Click the code
2. Below it there is a row of options such as b, i, link, etc.
click “more”
3. A code that says “<——more———> will show up in the blank space. Write the you want to display on the homepage above the writing. And the rest of the article, put it below the writing.
4. Publish it and you’re done.
2. How to use “read more” in new Blogger
1. From the dashboard, choose “lay out” and after that click “edit html”
2. Tick the “expand widget html” option
3. Find these lines of codes:
<div class=’post-header-line-1′/>
<div class=’post-body’>
4. After you have found them, put these lines of codes right below the codes written above.
<b:if cond=’data:blog.pageType == “item”‘>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
5. Below the above codes (Step no. 4) you will see these two line of code:
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
6. Put these codes below between the two code mentioned (step no. 5)
<a expr:href=’data:post.url’>Read More .. </a>
</b:if>
7. The final codes (if you put them right) will look like this:
<div class=’post-header-line-1′/><div class=’post-body’>
<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>
<div style=’clear: both;’/> <!– clear for photos floats –>
8. Save. Go to “SETTING” and Click “FORMATTING”
9. Type these lines of code in the empty box next to “POST TEMPLATE”
<span class=”fullpost”>
</span>
How to post
When you want to post, you will see the two codes in step 9 (if there are more than one pair, erase the others. You only need one pair). Put the part of the article you want to disiplay above the codes and the reset between them.
Puih! Finally.
If you find any problem, just erase every quote/unquote (’), (”) and type them again. It will work trust me.
Credit to fatihsuhud.com
Popularity: 47% [?]
Comments
One Response to “How To Use “Read More” Feature In Your Blog”
Leave a Reply
-
Geo Counter
-
Buttons
Partner links
Very neat explanation, thanks.