Cara membuat "read more" pada Blogger

7:17:00 PM Blogging No Comments

Create "Read More..." on blogspot just insert HTML code for template.
Select "Design" click "Edit HTML" then tic/checkmark "Expand Template Widget".

See image:


Insert code:

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

Above/before code:
</head>

See image:


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

Below/after code:
<data:post.body/>
or
<p><data:post.body/></p>

See image:


click "SAVE TEMPLATE".Finish.

How to Posting

Insert posting with code:
<span class="fullpost">

End posting with code:
</span>

Posting above/before code <span class="fullpost"> appear on homepage (HOME).All/full posting appear when "Read More.." on click.

Additional note:
Select Setting >> click "Format" then fill Template Entry with code:
<span class="fullpost">

</span>

Automatically each New Posting always appear code:
<span class="fullpost">

</span>