How To Create A New Read More


Do you know how to create a new read more in blogspot blog? Below I will tell you some simple steps on how to do it. However, before I go to the trick, I guess it’s better to explain what do I mean about a new read more in blogspot blog. A new read more I mean is a new version of blogspot hack that will visible like in my babi ngepet blog. Of course it’s not like an old read more like in this english blog since it uses javascript and several addition code. Sadly, this hack will only work on new blogger templates. You can’t use this new read more if you are still using an old one. Last but not least, this hack is provided by Ramani. We might be very thankful for him. Now Let’s start the hack how to create a new read more in blogger.
First of all, log in to your blogger account then move to lay out –> edit html and don’t forget to thick Expand Widget Templates. After that, copy this following codes right up </head>


<script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' />

For the second step, add these following code into your templates. The black colors code are your original template code. While the red colors are the codes that should be added.


<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>[+/-] Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'
href='javascript:void(0);'>[+/-] Summary...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
.... rest of template code ....

Now save your template and you can already use this hack into each of your post, but before you use this hack, make sure that you have already put these following code into your setting –> formatting –> post template


<span id="fullpost">

</span>

Good luck :)



Leave a Reply

eXTReMe Tracker