Pages

Friday, September 12, 2008

How To Make "read more" In Blogger Beta

Just adding this code before this tag </head> or exact after this code ]]></b:skin> like this:

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

and then to cut your posting, just search the code <p><data:post.body/></p> in the template and adding this code below:

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

Now, in order the cut posting work, each time you posted, just click right where you want the Read More.. appear, and thickin this <span class="fullpost"> and the remnant of your post till the end </span>. In order to adding this code, you should go in HTML Edit mode not Compose

example:
i'am now cutting my post here <span class="fullpost"> And the reminds posting will appear when the read more..is clicked</span>

3 comments:

  1. wow....blog yang cantik.....
    salam kenal ya..........
    oya klo pingin tau lebih jauh tentang blog silahkan di coba http://bestrack.blogspot.com
    atau http://serendipityfreakz.blogspot.com

    ReplyDelete
  2. oya blog-a di kasi tempat commetar-a donk biar enak kita kunjungi....
    seperti punya saya loe...
    Comment Box..

    ReplyDelete

LinkWithin

Related Posts Plugin for WordPress, Blogger...