Tuesday, June 22, 2010

Create ReadMore in Blogger

Here I will explain how to create Readmore on bloggers, as we know, if there is no read more, then your blog will be a long and sloppy, I create one by editing the html in your template, and add a script on posts you've written. way quite easily. first go to 'draft' and select 'edit html'

after that you download the template first before adding the script, by selecting 'Download full Template', then select the location where you want to backing up template.

The next check list "Expand Widget Templates", like the one in the picture below:


then input this script above <head>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


and search

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

with Ctrl + F on your browser.
then, add the script just below that :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>


"Readmore" word can be replaced in accordance with your wishes, can be replaced with a "Continue Reading" or up to you.

The first step is completed. next to the tab "Settings", select "Format". then the entry box template, fill in the script as follows:

<span class="fullpost">

</span>

Then click on "Save Settings", With This setting, if you want create new post, the text above will appear automaticlly.

Now Try edit your post, and add the script below :

<span class="fullpost">


where you'll cut your post, and became Readmore. and at the end of the post, you add this script:

</span>

maybe this way is a bit complex, but with this blog we'll be able to become more orderly. one another. if you want to change the template again, then you must edit the html on the template just by means of the above. okay?

good luck ^ ^

No comments:

Post a Comment