We have been moved to http://www.bloganol.com/

If we go back to the method of creating auto expandable posts it has really changed a lot.First we have to use <span class="fullpost"> tags in each posts for creating expandable posts.This method was really boring and contains lots of drawbacks.Therefore there should be new easy method for creating expandable posts and then new method is here.


This new method of creating auto readmore helps you to create all of your posts expandable from the first post of your blog.It also shows the thumbnail of the post in the front page.You dont have to use any tags for it.You just have to add some codes to your blog and the work is done.If you want to create these types of expandable posts the follow the simple steps below.

Before you perform any hack remember to backup your template so that you might restore your previous template in future.For this click download full template in your blogger Edit HTML page.

First of all search for the following code in your blog Edit HTML page.
<data:post.body>

Now in the second step replace the above code with the following block of codes.
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Now in the last step paste the following block of code just above </head> in your blog.

<script type='text/javascript'>
summary_noimg = 450;
summary_img =350;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://deineshd.110mb.com/read-more_auto.js' type='text/javascript'/>
 

Now Save your Template to see the result.

comments

10 Responses to "Create auto expandable posts (or auto readmore) in blogger with image thumbnails"
Tanuj Lakhina said...
July 9, 2009 at 3:56 PM

Its display a 1.2 at the top of the post and 3.4.5.6 at the back. Maybe the script needs fixing?


Deineshd said...
July 9, 2009 at 11:28 PM

@Tanuj Lakhina

I think you have copied the code in the wrong way.click view plain then copy the code from above.


Tanuj Lakhina said...
July 10, 2009 at 12:07 AM

Yeah I might have copied incorrectly.Although its displaying the post content in one go instead of revealing a part first and then moving over to "READ MORE>>>" Is that possible?


Deineshd said...
July 10, 2009 at 5:39 AM

@Tanuj Lakhina

Sorry I didnt understanding what you are saying.can you please explain in detail.


Tanuj Lakhina said...
July 10, 2009 at 5:45 AM

I meant how there could be a little preview of the post first and then when you click the READ MORE link,the whole post would appear.Is it possible?


Deineshd said...
July 10, 2009 at 7:20 AM

@Tanuj Lakhina

I think now i understand you.You are taking about the expandable posts with peakoboo view.Visit here to see the tutorial from Hackosphere.

http://hackosphere.blogspot.com/2006/09/expandable-posts-with-peekaboo-view.html


Swagat said...
July 15, 2009 at 12:39 AM

Hey can u tell me about a free xml editor?


Fhiel Jay said...
August 4, 2009 at 8:11 PM

Great feature. But could you please make a auto expandable post without a thumbnails...

I really appreciate your skills.


Vinay said...
August 10, 2009 at 4:45 AM

thanks, I was looking for that...


football said...
September 14, 2009 at 5:19 PM

can you modify this or make tutorial to do same expect it will be videothumnails?thanks


Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!