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>
<script src='http://keerthiset2.110mb.com/excerpt.js' 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;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumbundefined&quot;summary<data:post.id/>&quot;);
</script>
<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>
</b:if>


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.

Post a Comment

  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.

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

    http://www.helperblogger.com/2012/01/auto-read-more-button-with-image_31.html

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

    ReplyDelete
  3. think you nice topic >

    my blog:

    http://socialbookmarksblogger.blogspot.com/

    ReplyDelete
  4. can't find data:post.body

    please help me. nafjan5@gmail.com

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

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


    www.ebima.blogspot.com

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


    www.ebima.blogspot.com

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


    www.ebima.blogspot.com

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

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

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

    ReplyDelete
  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.....

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

    ReplyDelete

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

    http://support.google.com/blogger/bin/answer.py?hl=en&answer=154172

    it works for me..

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

    my blog is
    http://www.blog.caspace.in/

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

    ReplyDelete
  16. thanks man
    by the way if you are looking for free full softwares and games
    you and your freinds,welcomr to my blog
    http://software-to-download.blogspot.com/

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

    ReplyDelete
  18. http://www.Saeedbaba.com

    nice post and nice blog

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

    ReplyDelete
  20. This comment has been removed by the author.

    ReplyDelete
  21. This comment has been removed by the author.

    ReplyDelete
  22. This comment has been removed by the author.

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

    ReplyDelete
  24. 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!

    ReplyDelete
  25. This comment has been removed by the author.

    ReplyDelete
  26. 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

    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. 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

    ReplyDelete
  29. 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

    ReplyDelete
  30. 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

    ReplyDelete
  31. Helpful article...

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

    http://android-tweet.blogspot.com

    ReplyDelete
  32. Where I can found Edit HTML in step 1?

    http://oniscatok.blogspot.com

    ReplyDelete
  33. Thank you for your sharing :)
    http://www.minyakbulusasligrosir.blogspot.com/

    ReplyDelete
  34. 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
    http://sharedpluss.blogspot.com

    ReplyDelete
  35. Nice info dude..thanks for sharing ...
    You can also add this without any modification in template.
    The info is given here : http://goo.gl/rSWFnK

    ReplyDelete
  36. 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

    ReplyDelete
  37. looks good but in http://expertbloggertricks.blogspot.in is not working.
    kindly help..

    ReplyDelete

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

 
Top