How To Add Auto Read More To Blogger Posts - Helper Blogger

Blogger Widgets | Templates | Tutorials


Sunday, 8 January 2012

How To Add Auto Read More To Blogger Posts

Why Add Read More Button ?

Why to add read more button ? Answer is here. Just go to any website that you know and search for content which you want,obviously the site will contains some any other material and you are getting down and down to find your content. If the admin of that website was added a read more button to poss then you will definitely find which you want.

Click Here For An Updated Post

How To Add Auto Read More Button ?

1. Log in to your dashboard--> layout- -> Edit HTML
2. Click on "Expand Widget Templates"
3. Scroll down to where you see </head> tag.
4. Now add below code just before </head> tag.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
<script src='' type='text/javascript'/>

Note : You can change above value as your choice.

5.Now find <data:post.body/>

6.Replace above code with below code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div expr:id='&quot;summary&quot; +'>
<script type='text/javascript'>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade More >></b></a></span>

7.Now save your template and you are done.

Please comment on this tutorial if you found any fault in this tutorial, Also tell me if you can't add auto Read More button to your blog.


  1. I tried this on one of my blogs, but I guess the java script is not working. I don't want full length post on home page, I want only summary of it.

  2. @Mohammed Faizan Ansari - Please check the updated post -

    I have checked my javascript please try again......

  3. think you nice topic >

    my blog:

  4. can't find data:post.body

    please help me.

    1. @Nafjan - Please tick the expand widget templates check box then try it again...

  5. did it but the text b4 the read more to small

  6. did it but the text b4 the read more to small

  7. did it but the text b4 the read more to small

  8. Thanks a lot....................... ^_^

  9. 6.Replace above code with below code.
    which code do you mean ??

  10. icode it's not working pls update your code short length

  11. I tried this method in my blog....But now I want to remove it from my blog but I cant...How can I remove this....This is my blog..
    Earn Money From Internet.....

  12. Lots of Good information in your post, I favorited your blog post so I can visit again in the future, Thanks.
    online tutors


  13. Dear All,
    Plz go through the below link. Simple, Secure and reliable..

    it works for me..

  14. Better to use line Break which is better than you make your html a bin.

    my blog is

  15. Sir your both code are not working on my blogger please help me.
    my blogger url is

  16. thanks man
    by the way if you are looking for free full softwares and games
    you and your freinds,welcomr to my blog

  17. when i presss read more bottom in blog there is no full post why?


    nice post and nice blog

  19. Not Working !

  20. There are 3 ,so which one should be replaced?

  21. This comment has been removed by the author.

  22. This comment has been removed by the author.

  23. This comment has been removed by the author.

  24. brother i am not getting data:post.body , so kindly plzz tell me?

  25. Thank You Very Much Bro! I Used Your Technique And Its Working!!
    This Is My Link..Http://Infoaday.Blogspot.Com/
    I suggest use the Ctrl+F for easy search..

    I Just Having Difficulties With
    "6.Replace above code with below code."
    It Should Be:
    "6.Replace ALL above code with below code.."

    By The Way, Thanks Again!

  26. This comment has been removed by the author.

  27. Besides our great offers of FREE REMOVAL of your junk car in Las Vegas, FREE TOWING, FAST and EFFICIENT service that gives you INSTANT CASH and our friendly drivers, we take great pride in our ENVIRONMENTALLY FRIENDLY CAR RECYCLING.Junk Cars Las vegas

  28. This comment has been removed by the author.

  29. Instant cash for your junk cars.Our service is broadly provided in the major cities of USA.We deal with the best.Call us: 917-653-8920 Junk cars New York

  30. We buy Junk cars Miami and Salvage Cars Miami for cash. Your damaged and used Junk cars Miami can you paid good money in dollars. call us 813-699-4571
    Junk Cars Miami

  31. Sale your junk Cars to us in Florida.We are dealing for junk cars, damaged cars and salvage cars for cash. call us: 888-463-6460
    Junk cars florida

  32. Helpful article...

    Jaysukh patel recently posted : Android latest update for android user.

  33. Where I can found Edit HTML in step 1?

  34. Thank you for your sharing :)

  35. Thank You Very Much.. but my blog don't allow this script.please look at this and say to me why didn't allow it

  36. Nice info dude..thanks for sharing ...
    You can also add this without any modification in template.
    The info is given here :

  37. Thanks for your post.We pay top cash for junk and scrap cars.
    We offer free scrap car removal and pay top cash for your junk vehicles no matter what the condition is.
    Steps on Getting your Car Recycled.Ca
    scrap car removal
    scrap car removal
    junk car removal
    cash for junk cars
    cash for scrap cars
    junk car towing
    scrapping car
    cars for cash
    scrap car yards

  38. looks good but in is not working.
    kindly help..

  39. Hi,Nice blog.Thank you so much for sharing this.If you are looking for an used car please visit us

  40. If you are getting prank 800 and you don't appreciate them, then you need to put a stop to them now. Learn how you can stop them instantly with this clever simple trick.


If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM