Saturday, June 11, 2011

Creating Read More To Your Blog


If you have a good article and this may take a long reading, it is better you make it short while you are posting your article on your Blog. For Blog tutorial today, we learn about Read More. One of best way is by creating a “Read More”, means that you write a long content but you just need to show in the beginning of your article or a half of article only, you cut the rest. Moreover, using read more will make good looking on your Blog appearance and professional. Most people read the title first and go on to the beginning of the article, if they feel interest they can click read more to read the rest of your article. Does look good right? Ok, let me show you how to do it

I will guide you step by step so that you can create successfully, there are two part of doing it:

PART I

  1. Log in into your Blogger Account
  2. Click Setting
  3. Choose format
  4. on the bottom page under format there have an empty box, now you need to fill up the code below inside the empty box
<span class=”fullpost”>

</span>


  1. Then Save it


PART II

  1. Choose Design > Edit HTML (important note: do not forget to backup your template )
  2. check the box Expand Template Widget
  3. Find the code below, use CTRL+F to search the code

            <data:post.body/>

  1. Or another code like below


             <p><data:post.body/></p>


  1. After you find it, replace the code above with 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>
        <p><data:post.body/>
        <a expr:href='data:post.url'><strong>
Read More...</strong></a></p>
        </b:if>


  1. Save the template.


In addition, you can definitely change the sentence of “READ MORE” with any sentence like “CONTINUE READING”, or anything else. I am going to show you the way of using read more like example below:


Write Here to show of your article until where you want to cut it<span class=”fullpost”>Write the rest of your article Here</span>


The result looks like below:

The best thing to improve our Blog is by using search engine optimization and this Blog provides any blog tutorial step by step to help people modify easily read more....



0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Subscribe via email

SIGN UP now if you feel useful information as well as receive other site updates!