Sunday, February 14, 2010
How to add "Read More" Button to your blog
Posted on 7:06 AM by Mohamed Omar
In this post I will show you how to add 'Read More' button to your blog by the simple way.
While working on my blog i found an easy way to make 'Read More' button as in my blog i hope that my researches about this topic is good ..
- First thing go to to www.Blogger.com and login to your account
- Then click on "Layout"
- Click on "Edit HTML"
- Check the "Expand Widget Templates"
- Find the Code : <data:post.body> , then remove the following text
- you gonna delete the previous codes.
- and replace it by the following :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<data:post.body/>
<a expr:href='data:post.url'><img src='LINK OF IMG'/></a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
- In the LINK OF IMG .. write the read more button image url
- Last Steps is ... when u make new post add the following code
<span class="fullpost">
The hidden Part of the post
</span>
I hope that my explanation was good enough .. leave your comments and thanks
Subscribe to:
Post Comments (Atom)
2 Response to "How to add "Read More" Button to your blog"
i thank u very much for this explaining and i hop to know how to delete (read more) from some small posts
It's my problem too but if you dont want to appear read more button at all post then you will have to remove the code from the template and write it in every post ;)
I will try to get better answer
Leave A Reply