How to Make Read More On New Blogger

This is very first time that ezpctips write article about blogging tips. But don't be worry,, this tips is realy reliable and this tips is taken from my own experience in making ezpctips blog.

Today tips is about how to make read more on new blogger. Honestly, this tips is rather easy, but it needs a lot of accuracy while you are doing the job.
Okay, no need to waste your time, here is the procedure.

First, you have to log in your blog platform which is blogger.com.
Enter to your Blog Setting and go to Layout tabs and select HTML Edit below the Layout tabs. And don't forget to click 'Expand Template Widget'
Then, you need to find this text:
]]></b:skin>
If you have found it, copy this text below,and paste it below the line above(]]></b:skin>)
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


So it should look like this:

]]></b:skin>
<style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>


Next, you have to find this kind of text:


<div class='post-header-line-1'/>

Find it, and copy the text below,
<div class='post-body'>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


<p><data:post.body/></p>
<a expr:href='data:post.url'>&#39;Read More......&#39;</a>

</b:if>


So, it should look like this:
<div class='post-header-line-1'/>
<div class='post-body'>

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

<b:else/>
<style>.fullpost{display:none;}</style>


<p><data:post.body/></p>
<a expr:href='data:post.url'>&#39;Read More......&#39;</a>

</b:if>


Then, Save your template by click Save Template Button

You are almost done now, but you have to make some change on your posting template.

Click Posting, and switch it to HTML Mode.

Copy this:

<span class="fullpost">

</span>

And finally save it.

Note, everytime you want to compose a new posting, you should type it on HTML Mode on your blog posting setting, remember: type the Beggining sentence of your posting you want to appear before the code:<span class="fullpost"> and type the extension sentence after <span class="fullpost"> and before </span>.



GOOD LUCK

2 comments:

Andrew K. said...

Hey ezpctips,

here are steps and description what should be done... but actually I didn't understand what for is it and what result will be after all that enhancements?

Thanks!

mytheory(ezpctips) said...

hi Andrew!
actually 'Readmore' is also known as 'Expandable Post Summaries'
The purpose of 'Readmore' is to make your posting on your blog become more tidy.
The effect of it is the readers of your blog may read the summary of your posting,then if your readers want to read the rest,they have to click the 'Readmore' link(located on right below posting) to view your full posting.

Do you get it Andrew?
hopefully i can help you..
just ask if you need my help..
thx..

Post a Comment