Adding Post Summary or Read More Function to Blogger

There are many ways how you can add read more function to the post in blogger. One simple way will be explained in this post. The read more function can make your blog be simple but professional in case when you have made a long post, and if some your readers are not too happy reading the whole article, what you can do is simply if you can give them the post summary of your blog post on your first paragrapgh and if they are willing to read more they can do so. This will ensure that your readers are happy and that you maintain your blog look professional.

Now lets see how we can implement this hack to our blog. To implement this you have to follow 2 steps.
Step 1
  1. Login to you Blogger with your ID
  2. Click on Layout
  3. Click on Edit HTML Tab
  4. Tick on Expand Widget
  5. And find for this line of code
    <data:post.body/></p>
  6. Now replace the above code with the following 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/>
    <a expr:href='data:post.url'><strong>Continue Reading...</strong></a></p>
    </b:if>
  7. Save your template and your done for the step 1
Step 2
  1. Click on Settings
  2. Click on Formatting Tab
  3. Scroll down and you will find "Post Template", onto the given space, paste the following
    <span class="fullpost">



    </span>
  4. Finally, save your settings and your done.
Now everytime when your going to post, click on edit html and you will see your posting area as How to add post summary to blogger


So make sure as defined in the picture, to write
Your Summaries here
<span class="fullpost">

Rest of the Articles here

</span>

This hack is easy to implement, so good luck adding this hack onto your blog and meet you at the next post. :)



Hope you like this post of ours, to read more post of similar and many more on blogging, enter your email and subscribe with us to recieve updates of this blog via email or subscribe to as a reader.
Subscribe in a reader


Bookmark this post:
StumpleUpon Ma.gnolia DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google



Do you think this post is worth reading and would you like to help our work, if so please bookmark this post for us and lets share it with others.

Link to this post:

People who read this post, also read:



Comments :

1
chenz said...
on 

thanks for the post this helps me...
but it wont work in my template.
i just change the .fullpost to #fullpost

hope this may help for others also.

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

What do you think of this post ?

Newer Post Links Older Post Links Go To Home