674 How to add Blogger's Read More function to customized templates
September 11, 2009 /


As announced yesterday, Blogger have now enabled selective post summaries for our blogs. This means we can add a "jump break" in our posts, after which any content will only be visible on item pages.

Those of us using customized templates will probably need to add the code required for this function to work. In this article, I'll explain how easy this is to implement, as well as some helpful hints for customizing the "Read More" link.

Will the "Read More" feature work for my customized template?

For most Blogger users, adding the code required for Blogger's post summaries will enable selective summaries without error, even if you've already added the code to summarize your posts using the <span class="readmore"> hack.

The only templates this method will not work with is those which have added an automatic post summaries hack, which summarizes the posts based on the number of characters or words. This is because such customizations ignore any code added to the body of our blog posts and don't register Blogger's Jump Links.

If you'd prefer to use Blogger's Read More function than your current automatic post summaries, the simplest way to adapt your template is to remove references to the post summaries script - anything between the <script> and </script> tags used for your particular method.

If in doubt, refer to the author of the particular version of this script you are using.

How to add the code required for Blogger-powered post summaries

In order to add the "Read More" function to a customized template, we only need to add a few lines of code to our template's HTML.

If you're adding this code to your blog template, it is best to first add a new (or test) post in which a Jump Link is added. This ensures we can check our template customization to ensure everything works well beore saving.

To add a blog post with a Jump Link...

Simply create a blog post using Blogger's new post editor. This can be done either through Blogger in Draft, or by enabling the new post editor in the Settings>Basic tab of your Blogger dashboard.

Alternatively, you can edit your post in Edit HTML mode, and type <!-- more --> where you'd like the jump link to appear.

Ensure you have some content both above and below the Jump Link. Then publish your blog post.

If Jump Links have not already been enabled in your template, the post will appear in full. In this case, continue reading to learn how to add the code for Jump Links to your Blogger template code.

To add the code for Jump Links functionality to your Blogger template...

Go to Layout>Edit HTML in your Blogger dashboard and ensure you have checked the "Expand widget templates" box.

Then using your browser's search function, locate the following line of code:
<data:post.body/>
Depending on your individual template, you may find this enclosed between <p&gt or <div> tags. We need to leave these tags intact.

If you've added any other "Read more" hacks to your template (or have added other conditional statements to the Blog Posts section), you may discover more than one instance of <data:post.body/>. If this is the case, you need to edit the section which has <b:if cond='data.blog.url != data:blog.homepageUrl> a line or two above this.

Immediately after the <data:post.body/> line, add the following few lines of code:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
Then preview your changes. If this has worked properly, your test post should display only the content added before the Jump Link. If you receive errors, or this technique did not enable the summaries, clear your edits, check the code you've added and begin again.

Styling the "Jump Link" and other interesting ideas

Now that we have "jump links" enabled by default in our Blogger templates, there are some useful and interesting tricks we may do to style the actual link and other properties of summarized posts.

Here's a few ideas to get you started.

Change the "Read More »" text

This is the simplest customization we can make. Simply go to Layout>Page Elements and click the "Edit" button for your Blog Posts gadget.

On this pop-up page, you can alter the text to something more suitable if desired.

Styling the "Read More » text

The "read more" text (or whatever phrase you may have changed this to) is enclosed in a <div> with the class of "jump-link". This enables us to add CSS to our <b:skin> section to affect the style of this particular link.

For example, the following CSS will give the Jump Link a red background, with white text and 3px of padding, thus overriding any other style statements for any instance of this particular link:
.jump-link a {
background: #ffff00;
padding: 3px;
color: #fff;
}
We could also add a :hover property with different colors for the background and text to create a different effect when a reader hovers over the "read more" text:
.jump-link a:hover {
background: #000000;
padding: 3px;
color: #ccc;
}
If you're fairly confident with CSS, you could easily adapt these examples to include background images, rounded corners, and indeed any property which would work with a link in the post.

Replace "Read More &raquo" with an image

Those who would prefer to use a linked image instead of a plain text link can replace <data:post.jumpText/>  with image tags, like this:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="url_of_image" border="0" alt="Alternative text" /></a>
</div>
</b:if >

Where "url_of_image" is the true URL of your image as hosted by your image provider (Picasa Web Albums is my current preferred option, and free to boot!).

Display image "thumbnails" on non-item pages

I rather like the hacks which enable automatic post summaries with image thumbnails, so was very interested to see if a similar solution can be used along with our Blogger Jump Links.

Unfortunately, our summarized posts do not (yet) offer an extra class to which we can add attributes for images displayed within them. Instead, we can use some conditional CSS to alter the size (and alignment) of images on non-item pages.

Here's the work-around I've successfully used so far:

Go to Layout>Edit HTML and locate the closing ]]</b:skin> tag using your browser's search function.

Immediately after this line, add the following code - adapted to your personal preferences of course:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
.post-body img {
img {
max-width: 100px;
width: expression(this.width > 100 ? 100: true);

float: right;
}

<style>

</b:if>


Change 100 to a different dimension if you prefer your images to be wider or narrower than 100px.

If you prefer images to be aligned to the left, you can alter float: right to float: left instead. Delete this line altogether if you'd prefer the image to appear in the same alignment as specified in your post.

This technique is a variant of Blogger Tricks' Larger HQ Images hack, but instead of enabling wider images, we're using this to create thumbnails. By using the max-width property and omitting any references to height, we ensure images smaller than the specified width will not appear distorted.

To use this technique, ensure you add an image close to the top of your post, before the Jump Link. On non-item pages, this image will appear no wider than your specified width.

Issues with the sidebar shifting beneath blog posts after adding Jump Links to posts

Many people have reported that their blog's layout appears distorted after adding Jump Links to their blog posts. For some layouts, the Jump Link causes the sidebar to shift beneath the blog post, as though the link is outstretching the boundaries of the post section.

In the comments of my announcement post, N@k$h@tr@! explained that this is because the Jump Link is somehow inserted between the opening and closing DIV tags in the HTML of a blog post.

N@k$h@tr@! recommends to view any posts to which Jump Links have been added in Edit HTML mode and delete any <div> and </div> tags you find (full details may be found on this blog post).

The Blogger Team are aware of this situation, and I assume this glitch will be resolved soon.


What do you think of this new function, and possible customization techniques?

I hope this article fully explains how to add functionality for Jump Links to customized Blogger templates, and offers some insights as to how we can further customize the appearance.

Please feel free to let us know your opinions and any ideas for further customization of the Jump Link and summarized posts by leaving your comments below.

Image credit: clspeace

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

674 comments:

  1. I was thrilled to hear about the new functionality, until I saw how it was implemented. In my variation of the Read More hack the whole post is there, but the bulk of it in a hidden div. The link just flips the display property. That means the content appears in the same page, and is instant with no round-trip to the server.

    I wouldn't mind the trip to the server, since initial page load would be faster, but I don't want to go to the detail page. I want it brought up in place.

    I guess I'll keep using my hack and waiting for Blogger to support a more AJAX-ified version.

    ReplyDelete
  2. Hey Amanda, thanks for the tips. I have tried adding jump breaks to posts from my homepage. The jump break is there OK but there is no 'Read More' link at all. The post just ends where the jump break is supposed to be.

    Hopefully I will be able to get this working as I have been waiting out for Blogger to get this going officially after your 'heads up' not too long ago.

    Keep up the good work!

    ReplyDelete
  3. Amanda, there's no need to delete div tags. Put an opening and closing div tag before and after insert jump break feature:

    [div]short text [/div]
    [!-- more --]
    [div]rest of the post [/div]

    I used [] instead of <>.

    ReplyDelete
  4. just followed the link you provided, all good now! thanks so much!

    ReplyDelete
  5. Nice thing, i have the hack for 3 Days and think the text must be bigger than the rest of post text.

    ReplyDelete
  6. Thank you so much... now I save more space in my post page...

    ReplyDelete
  7. Hi Amanda,
    Thanks for mentioning my name and linking to my post :)

    ReplyDelete
  8. My name is Swathi Pradeep btw :)

    ReplyDelete
  9. Hi! Amanda,

    I've been visiting your blog since quite a long time and learning several tricks from you. I always admire your effort and thanks for the same.

    BTW, I just tried to play with the blocks of codes you have provided to "Display image "thumbnails" on non-item pages"

    At first I got err message and it worked only after I changed the closing "style" from <style> to </style> .

    Just informing you....
    Regards!

    ReplyDelete
  10. Cannot get the image thumbnails to work. Did what Dilip suggested by changing to < / style> (without the spaces...) so all the coding was accepted but on the main page, there are no thumbnails, still full images as in the individual posts.

    Is there something I can do to fix this?

    Loving how Blogger is improving! Read More and thumbnail images gives a much better front page, more magazine style :)

    If anyone can help would appreciate very much!!!

    ReplyDelete
  11. Same problem like Adamn is happening with me.

    Everything is done..

    But still the thumbnail isnt appearing in the left nor the right side..

    Just d same as before!

    www.tricksterminal.com

    Any Way to help?

    ReplyDelete
  12. IEDig is a social content website where your readers or you can
    submit content to. If you have a good story, members will 'Vote' the post
    and write comments. As a blog owner, you may want
    to make it easy for and encourage your readers to Visit on Your Blog.


    Join IEDig.com

    ReplyDelete
  13. How to hack facebook passwords and recover lost facebook passwords
    http://rafayhackingarticles.blogspot.com/2009/07/how-to-hack-facebook-account.html

    ReplyDelete
  14. Thx 4 Info

    http://sizzledsoft.blogspot.com

    ReplyDelete
  15. I want to display the post title in TITLE attribute of "Read more" link, so when the link is hovered, the text e.g. "Continue reading [POST TITLE]" appears. How can I do that? Thanks.

    ReplyDelete
  16. Hey Amanda,
    Thnx 4 the grt post. But I've a problem. I use custom template and so had to add the code after the [data:post.body/] but in my blog the "Read more" text doesn't show in my home page.

    The text below the jump-link along with the jump-link(Read More hyperlink) are missing !!!!

    I scanned all the comments here but dont see nebody else having the problem.

    Please help :)

    ReplyDelete
  17. @ebiz I saw ur blog ... may be u r using a [if:cond ... tag for differentiating ur item n non-item pages ... if u r then add the code for non-item page only.

    Try n see if that works. Peace.

    ReplyDelete
  18. Wow that was fast ... btw it does work now ... thnx @smscookbook :)

    ReplyDelete
  19. Hi,
    You might want to check this out for a toggable text block script.

    http://rolfblijleven.blogspot.com/2009/09/test.html

    It's just one javascript to call as many times as you like, and you pass it the id of the text-to-toggle, plus the text of the turn-on and turn-off text for the link.

    Cheers!

    ReplyDelete
  20. Hi Amanda,

    I seem to have the same problem as Adam did earlier in this comment trail. I have one of the default blogger templars. So I shouldn't have to add any code. But when I a jump link. It does truncate the post. But there is no "Read More >>" link. Please help. Thanks.

    ReplyDelete
  21. Problem:
    I have installed the read more hack to my blog. It turned out fine: i have auto summaries, auto-generated thumbnail and read more link. However, for new posts, the thumbnail won't show up. What could be the problem for this? My blog is http://myxlist.blogspot.com.

    ReplyDelete
  22. Amanda: Nice article regarding the new Blogger feature, which was long expected.

    But, just to clear out a doubt, does this bloggers own method, avoids all the content getting loaded and hidden beneath the jump link, like it's the case for the other read more hacks ?? I would love to have the summary pages kind of used in wordpress, where only the summary loads in index pages, and then the full post upon clicking the button, which will let the home page load faster than ever.

    Has this new feature of Google/Blogger, achieved that feat (I doubt since it is still using div tag layers here too) ???

    ReplyDelete
  23. This is great..Blogger has a new feature again.. Thanks Amanda.

    ReplyDelete
  24. Amanda,I am not able to stye my 'Read more' text,by changing the color of text.please help.

    ReplyDelete
  25. Great! Was looking for some read-more-as-image css code. Hope Blogger will fix the sidebar shift soon - at my blog one --more-- tag works fine - but a second brings up a bug - lets see
    thx

    ReplyDelete
  26. How can I get the 'read more' floating or aligned on the right side of post? The problem is presentation. I want to keep the feature but I don't want to mess with the paragraphs space.

    Ideas?

    ReplyDelete
  27. Amanda I'm having problems with my "Read More" link posting twice. Any suggestions. Fegonomics.blogspot.com.

    ReplyDelete
  28. Hey amanda. Your blog is really nice. And its working in my blogs too. But I'm facing a few problems. Like, when I'm inserting a page break in my older posts, and republish it, all the gadgets in the right sidebar is shifting under the blog.. Can't figure it out. Can you help me?

    p.s-> if possible please mail me at delscarlet@gmail.com

    Regards.

    ReplyDelete
  29. Thanks a lot, otherwise i was going to do it manually for each.

    ReplyDelete
  30. Hi Amanda,

    Thanks for the tips. I used the replace-with-image suggestion.

    Thanks again :)

    ed

    ReplyDelete
  31. info yg keren sob
    keep update ya

    ReplyDelete
  32. Would like snapshots or image sample of the steps. thanks

    ReplyDelete
  33. Hmm guessing by reading the tutorial, this feature doesn't work for blogger blogs hosted via FTP?

    ReplyDelete
  34. nice post my friend..., but i can use it.

    ReplyDelete
  35. Hey thanks for the top info! I just wrote a site about useful blog advice websites and I included this page on it.

    Check it out here: http://mattcliff.blogspot.com/2009/11/hot-to-get-more-blog-hits.html

    If you could link back to my page that would be great!

    Matt

    ReplyDelete
  36. I can't find either "Expand widget templates" box in blogger OR "...data:post.body..." within my HTML code.

    ReplyDelete
  37. thank you amanda, finally i found this trick.

    ReplyDelete
  38. Hi Amanda,
    Is Google working on this issue right now?
    Many of the bloggers are finding it a tedious job to remove the div tags to prevent shifting of sidebar to the bottom.

    It would be really nice if google can fix this issue ASAP :)

    ReplyDelete
  39. Thank for the tutorial, but there was a problem in saving pdf file, there is truncated article, how can i fix ?

    ReplyDelete
  40. Hi and thanks for the tips!
    One minor problem:
    What if you have many authors in your blog ( not admins) and they can not change the post editor to the new one. What can we do???
    Only type !-- more -- in EDIT HTML mode???
    Is there any way to bring up the new post editor for them too??
    Thanks

    ReplyDelete
  41. Thanks a lot for your instructions. Your posts have been very helpful.

    Could you also help me with styling the 'read more' thing? I am not able to grasp that and failed while changing the colour of 'Read more' text.

    My 'Read More' text is Blue in colour, whereas I would like to have it in a colour that matches with my Blog's theme [green or something].

    Your quick reply would be greatly appreciated.

    ReplyDelete
  42. Thanks sooo much! This was driving me nuts

    ReplyDelete
  43. I have a custom template and followed instruction on blogger buster to add a "read more" function. Blogger has the "Jump links" now and I want to get rid of the prior customization because they seem to conflict with eachother - it takes a lot of tweaking each post to get it to work and at the end of the day, i have 2 "read more" links at the end of an abbreviated post. HELP!
    HerDeepThoughts.com

    ReplyDelete
  44. I followed the instructions and my blog no longer shows up in Chrome or Firefox.

    ReplyDelete
  45. thank you very much....

    now the link read more in my post just shown if I broke the page....before I used your tips, read more always appear although I didn't break the page.....

    ReplyDelete
  46. I think you don't need this one as blogger.com has already updated their post editor which includes the "read more" feature and other cool features

    ReplyDelete
  47. Thanks Amanda ... it really helpful ... :)

    ReplyDelete
  48. I got a hack for this from another blog (Blog Doctor), and it works great except "read more" appears in every post. If I have a short post, I think it's tacky to have read more when there is no more, and I sure don't want to make readers click to get one more sentence.

    Is there a way to insert the read more text directly into the code of the post, so I can decide when I do or do not want to use this function?

    ReplyDelete
  49. Hi Amanda... I've got my own problem here on my Blog, my "Read more.." always show up at the end of my posts although I never "hacked" or use the Read more function from my blogspot posts. Can you tell me "How to get rid of it?"... Thanks.

    ReplyDelete
  50. Wow, unfortunately this completely messed up my blog, the side bar is below the posts, and removing the code for the Jump Link has not restored my side bar to the proper position.

    Now in my layout, the posts widget extends across the width of my blog. Anyone have the same thing happen or have any ideas for a resolution? Stupid idea on Blogger's part because this doesn't work with custom templates, even with their "fix."

    ReplyDelete
  51. Very nice widget..

    Its works..

    ReplyDelete
  52. Amanda - Thanks so much for the 'read more' advice, which I implemented, but unfortunately though I can now click on 'read more' at the cut off in my posting all that happens is that I skip back to the the top of the original post. I can keep on clicking and turn it into a game! It goes round, and round, and round going nowhere but home! I have tried over and over again in the HTML to alter it, but am at a loss as to what I should do now. Sorry to bother you with this, but I do have a problem. I was wondering if this has happened to any one else.
    And might I add a thank you for the incredible patience and the gift of your vast knowledge that you give to all of us out here. We who plod on bravely, lured by the pleasure in blogging, and subject to its woes.

    ReplyDelete
  53. Hi amanda i want to have a link exchange with your site
    Make money online

    ReplyDelete
  54. http://digitalblog24.blogspot.com/2010/03/we-know-that-blogger-has-supported.html

    ReplyDelete
  55. thnxx a lot..it helped me a lot otherwise direct image hosting was affecting my page rank, as it affected...but now i guess it won't affect anymore because i learned now how to jump the page..thnxx

    ReplyDelete
  56. Hi

    I have the same problem as sundowndos and Adam @ Low Tech Combat on my blogger.com blog ... I can insert the jump break fine, but (even though the layout says 'read more' in blog post widget), the 'read more' text doesn't appear on the published, truncated post. I haven't previously used a 'read more' hack, so I don't think there is a conflict with the html. Can anyone help?

    Thanks very much in advance

    ReplyDelete
  57. Its Work Perfectly....Thank You So Much

    ReplyDelete
  58. Thank you! I've been looking for this. Will do it now.

    ReplyDelete
  59. Wow..Finally I done it .thanks to your wonderful tweak on blogger.Before I found your blog I was thinking to change my template due to the lack of some customization ability.Now I made it with your help.

    thanks a lot

    With regards | Raso

    ReplyDelete
  60. i can't find any of the phrase in my blog

    can you help?

    ReplyDelete
  61. Hi Amanda,

    thanks for the tricks. my question is: how can I align the read more text with the post body? it's a bit annoying to see the read more link a bit too left...

    my blog is hijaufavoritku.blopspot.com

    ReplyDelete
  62. hey its not working with my present template...

    at eyuva.com

    can u help me?

    i did as u said..

    ReplyDelete
  63. i cann't fine that so how to add to my blog. pls reply me

    ReplyDelete
  64. Wow..Finally I done it .thanks to your wonderful tweak on blogger.Before I found your blog I was thinking to change my template due to the lack of some customization ability.Now I made it with your help.

    thanks a lot

    With regards | Raso

    ReplyDelete
  65. Search Jobs in Gulf – Apply to jobs in Middle east, Dubai. Post your resume and find your dream job in Middle East Now on Gulfdice.com! Find career openings in top companies in Middle East, Gulf Region, Dubai, UAE, Saudi Arabia,Qatar,Kuwait,Oman,Bahrain.Post your resume, jobs in gulf, job site in middle east, it jobs in Gulf, software jobs middle east, it jobs in gulf, jobs gulf, v jobs, job search in middle east, online jobs in middle east,accounting jobs in gulf, part time jobs in middle east, banking jobs in gulf, finance jobs in middle east, jobs and careers in gulf, call center jobs in middle east, marketing jobs in gulf. Search and apply for jobs in Dubai, UAE, Saudi Arabia, Qatar, Kuwait, Bahrain, Egypt, Jordan, Morocco, Lebanon.
    Gulfdice.com Most Simple job site in the Middle East.
    www.gulfdice.com

    ReplyDelete
  66. Traderbest.com
    Traderbest.com is an online firm that offers investment trading ideas, investment opportunity and financial services such as online stock trading newsletters,IRA trading ideas, Roth IRA, mutual funds, stock quotes, stock market research and online investing concepts.
    Traderbest.com ,discount brokers, mutual fund, no fee ira, best online trading, stock broker, free stock quotes,stock investing, discount brokerage.

    ReplyDelete
  67. Lowermyrtax.org

    Lowermyrtax.org #1-rated, Free tax Tips and Information.Easily prepare your tax return and file income taxes online using free tools.

    lowermytax, lowermytax.org, tax, taxes, tax software, free tax filing,tax preparation, online taxes, free tax software, tax returns, efile, free efile,e file, e-file, online tax filing, taxes online, income tax software, tax forms,tax deductions,online tax filing, taxes online, income tax software, tax forms,tax deductions.

    ReplyDelete
  68. Makersecret.com

    Car Talk Advice on Markersecret.com: We tell you what you need to know about common repairs,
    as well as answering your questions and providing recommended mechanic listings for your area.

    Car Talk, car maintenance advice, auto maintenance advice,
    car care tips, auto repairs, oil changes, brakes, coolant, timing belts, tire pressure, spark plugs,
    do it yourself advice, recommended mechanics, find a good mechanic, search car talk columns,
    interactive car,car basics, general automotive advice

    ReplyDelete
  69. MegaChow.com

    MegaChow.com For home cooks hungry for easy family meals: Find thousands of tested recipes, menus,cooking shortcuts, dinner ideas, chef tips, and more at Delish.

    megachow.com, recipes, party food, cooking, dinner ideas, grocery coupons, menus, food blogs, holiday recipes

    ReplyDelete
  70. its not working on my blog,,y?, it leaves blank leaves blank spaces,.

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

    ReplyDelete
  72. Hi amanda,

    i am not able to apply this gadget to my blog.Can u please help me.Shell i post by blog template to your email id.

    http://myclipta.blogspot.com

    ReplyDelete
  73. Hi,

    I embedded the code you provided but I still can't insert the jump link. Nothing happens when I do. What should I do? Thanks

    ReplyDelete
  74. I was very encouraged to find this site. I wanted to thank you for this special read. I definitely savored every little bit of it and I have you bookmarked to check out new stuff you post.

    ReplyDelete
  75. I added the 'linkwithin' for the related posts on my blog within a widget UNDER the body part.

    The only problem is 'read more' is UNDER that part, and not directly under the text to continue the article.

    http://dementia-alheimer.blogspot.com/

    How do I change that?

    ReplyDelete
  76. After playing with it - I solved my own issue.

    The (data:post.has JumpLink) portion you mentioned was NOT directly under the (data: post.body/) part. I just cut and paste it in the correct position you mentioned - YEAH it worked!

    Doing my happy dance now!

    ReplyDelete
  77. amazing post .i appreciate for this great post .
    i am a beginner in jquery. and this time i am trying to learn jquery.so this post is helpful for me .

    ReplyDelete
  78. Hello,
    I tried expanding the widget options and adding the code, but the jump break still did not work. Then I tried deleting all "script" "/script" entries and that didn't work either. Can you help me?
    Thanks!

    ReplyDelete
  79. Its time to make your dream come true. Bid4dream is an

    innovative concept focused towards fulfilling needs

    ReplyDelete
  80. http://danarputra.blogspot.com/2011/02/how-to-make-read-more-in-article-post.html

    ReplyDelete
  81. http://amboredfun.blogspot.com better review :)

    ReplyDelete
  82. If we wanted the hover "read more" feature where exactly would we paste this code?

    .jump-link a:hover {
    background: #000000;
    padding: 3px;
    color: #ccc;
    }

    ReplyDelete
  83. I don't have the [data:post.body/] in my HTML coding on my custom template. So where do I put the coding?

    ReplyDelete
  84. Help.. the Jumplink is not functioning in my template how can i solve this
    here is my blog

    ReplyDelete
  85. Thanks for the info. I was wondering why it never worked for me before :D

    ReplyDelete
  86. I've searched for this too much I didn't find anythingBut I finally found it here, thank you very much

    ReplyDelete
  87. I want to say that this article is awesome, nice written and include almost all vital infos. I would like to see more posts like this .

    ReplyDelete
  88. ah, now I understand functions of JumpLink :D

    thanks!

    ReplyDelete
  89. As the iPhone continues to play second fiddle to an exploding Android mobile operating system it's worth looking at the top Android apps. Developers are flocking to Android in droves and porting over apps left and right. To sort through the tens of thousands of apps, let's start small to make sure you've got the basics are covered.

    2

    ReplyDelete
  90. Thankyou very much sir, I'll try to add it to my template later. This is my 1st time visit, hope to comeback again in the future, best regards..

    ReplyDelete
  91. Thank you very much for this tutorial!
    My custom template didn't support this feature so I had to add it and your tutorial helped a lot. Now it works just fine.

    ReplyDelete
  92. worked like a charm. thanks a lot.

    ReplyDelete
  93. I AM BLOGING @ is www.lovejasica.blogspot.com .i will be very thankful if u solve a problem of mine:::;:

    i am using a AUTOMATIC POST THUMBNAIL AND SUMMARY script.....and i want to use CSS read more button instead of a button.... check out the SCRIPT



    CHECKOUT CSS for readmore button
    .button {
    font-family: sans-serif;
    font-weight:bold;
    color: #fff;
    padding:5px 10px 6px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    cursor: pointer;
    }
    .blue {
    background:#0085cc;
    background-image: -moz-linear-gradient(top,#0085cc,#00717f);
    background-image: -webkit-gradient(linear,left top,
    left bottom,from(#0085cc),to(#00717f) );
    }
    .blue:hover{background:#00717f

    .small {font-size:12px;}
    .medium{font-size:18px;}
    .large{font-size:24px


    now the problem is there is no link on READ MORE BUTTON pls checkout www.lovejasica.blogspot.com .i will be very thanful 2 u if u solve my probelm

    ReplyDelete
  94. Unbelievable man! Some fabulous tutorial stuff you have posted here. I would like to thanks for this precious post. Marvelous!

    ReplyDelete
  95. One simple happiness, youth nfl jerseysa worldly will grow old. Keep a young heart, do a simple people, enjoy sunshine and warmth. Nobody can go back and start a new beginning, but anyone can start now and make a new ending.Life should be so.Minnesota Vikings JerseyAll the art of living lies in a fine mingling of letting go and holding on.

    ReplyDelete
  96. thanks.now it works. but read more comes twice

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

    ReplyDelete
  98. This thing has not worked for me.I am trying to use the read more function for quite some period but its fruitless
    http://infofaisalabad.blogspot.com/

    ReplyDelete
  99. ..I recently came across your blog and have been reading along. I think I will leave my first comment.
    I don’t know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.


    Reduce credit card debt

    ReplyDelete
  100. I am impressed by the way you present your article, information and the ability to give unknown facts is the most surprising factor of all.
    This artical looks very good.

    ReplyDelete
  101. thanks!!!
    that helped me alot!

    ReplyDelete
  102. I completely agree with you. I really like this article. It gives in depth information.
    Thanks for this valuable information for all. And of course nice review about the application.

    ReplyDelete
  103. I found your blog when I was looking for a different sort of information b.and lucky i got this article this is owesome.
    Thanks for sharing.

    ReplyDelete
  104. I am very much impressed by the way your presentation and i must say your articleis good and
    informative.

    ReplyDelete
  105. With so many apps available, it's hard to find which apps are the best. We've done our best to make a list of some the coolest and most useful that you'll find for free. Some of these apps have paid options as well which adds more features or benefits

    ReplyDelete
  106. Dear Friend Read more Hack not working my blog pls help me

    http://vinayakarkoyil.blogspot.com/

    and i need your help

    1) i want change to footer image, while i try to change the image does not appear center.

    2) Post area(bottom) show two lines, How do remove that lines?

    3) Side bar Heading Distance is more how to reduce the distance?

    4) Side bar Move to another side

    5) Vertical Menu Padding Height Change

    pls see the image what i want

    http://1.bp.blogspot.com/-4Ibk4HUF4_c/TeSqBLEKAhI/AAAAAAAAACo/T5Ju0CGh6YY/s1600/Help%2B1.jpg

    http://3.bp.blogspot.com/-hSlBf8BVkaY/TeSqSW0T4XI/AAAAAAAAACw/mzRDwNZIINY/s1600/Help%2B2.jpg

    Pls do the help awaiting for your reply

    Sekar

    ReplyDelete
  107. Are energy drinks bad for you? That is the million dollar question being asked by millions.

    ReplyDelete
  108. Read More is appearing two times with a line break

    ReplyDelete
  109. We've done our best to make a list of some the coolest and most useful that you'll find for free.Very useful information provided and get more information.Thanks

    ReplyDelete
  110. thanks!!!
    that helped me alot!

    A Mortgage Calculator is a tool you can use to figure out what your estimated mortgage payments will be and is based on the value of the home, interest rates, loan amount, loan length, and more.

    ReplyDelete
  111. Thanks a lot for sharing such a nice information with us.I think the new blogger version has the integrated Tool so not to go for any encoding s...

    ReplyDelete
  112. Nice thing, i have the hack for 3 Days and think the text must be bigger than the rest of post text.

    ReplyDelete
  113. Vitamins are organic substances that help your body grow and be healthy. Eating different foods can produce the different vitamins your body needs, so having a well balanced diet can keep you fit and healthy. But remember, don't forget to take your vitamins daily. Your body can do wonderful things, but it cannot make vitamins.

    ReplyDelete
  114. i have the same problem but in website plz plz plz help?

    ReplyDelete
  115. As all of you know that blogger add a function jump break by which the read more function comes for blogs related to this visit debuts.blogspot.comAs all of you know that blogger add a function jump break by which the read more function comes for blogs related to this visit debuts.blogspot.com

    ReplyDelete
  116. G for Great Post Brother. I added a Image Button now. Thanks for your nice and useful post.

    ReplyDelete
  117. Good post. Very impressive writing. Thanks for sharing.

    ReplyDelete
  118. @nabeel - i have same problem too.

    ReplyDelete
  119. Nice writing and well done

    ReplyDelete
  120. Immediately after this line, add the following code - adapted to your personal preferences of course:
    The coding that you shared with us under this head is not working.Can you please update us why this is not working...

    ReplyDelete
  121. Need some help figuring out why my text doesn't show up when trying to edit a post. Can anyone help me?

    ReplyDelete
  122. thanks for the tip! I am using beyond compare now for both diff and merge.

    ReplyDelete
  123. very cool. I like this games

    ReplyDelete
  124. Nice writing and well done

    ReplyDelete
  125. Oui moi aussi j'aimerai me l'acheter. Quand sera t'elle dispo en france ?

    y8,y3,y8,miniclip,y8,pogo,friv,y3,
    y8,android games

    ReplyDelete
  126. I have this problem:

    "you may discover more than one instance of . If this is the case, you need to edit the section which has <b:if cond='data.blog.url != data:blog.homepageUrl> a line or two above this."

    Firstly, what do you mean by 'a line or two above this'? and what am I supposed to edit it to? I couldnt find this bit <b:if cond='data.blog.url != data:blog.homepageUrl> Please explain properly. I have 2 instances of <data:post.body/> so I don't know where to insert my jump enabling coding. I tried to slot it in after the first one, but nothing happened. Please help!

    ReplyDelete
  127. Thanks this it really worked in my blog. But previously added article not effect with this code. Any solution?

    ReplyDelete
  128. I thought it was going to be some boring old post, but it really compensated for my time. I will post a link to this page on my blog. I am sure my visitors will find that very useful.

    ReplyDelete
  129. Greetings Thanks for the Great Tip, I Have been using this for other Blogs of mine but just having problems adding Read More functions on this particular Blog here
    http://journeyfromearth.blogspot.com/

    Any help please

    ReplyDelete
  130. Ugg Winter Boots15 September 2011 08:31

    Hi. I wanted to drop you a quick note to express my thanks. I’ve been following your blog for a month or so and have picked up a ton of good information as well as enjoyed the way you’ve structured your site.

    ReplyDelete
  131. I really agree with the facts that you have shared on this post. An interesting topic like this really enhances reader's mind to have more effective decisions over a certain issue. penis enlargement penis enlargement pills VigRX Plus

    ReplyDelete
  132. IRVINE Computer Repair, onsite repairs, no travel cost, starting at $69.00 per hour. Reliable and honest.Server Maintenance Serving Irvine, Orange County, CA | CALL NOW (949) 456-0914

    ReplyDelete
  133. This is a good post. This post give truly quality information.I’m definitely going to look into it.Really very useful tips are provided here.thank you so much.Keep up the good works. illinois individual health insurance

    ReplyDelete
  134. Most of the times Leather Jackets i visit a blog I see that the construction is poor and the writing bad. On the contrary,I have to say that you have done a good job here.

    ReplyDelete
  135. In this particular season, each one of Ugg Boots can market at cheap price and discount price on our Ugg Boots Outlet. You may choose any you enjoy. But, it is best to select the best for you. Step such comfortable Ugg Online Store into there is much surprise; Cheap Ugg UK can keep toes warm or comfortable. Come here, you can find out a Uggs Clearance to this winter!

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

    ReplyDelete
  137. Nice and quite useful blog. Would like to say that stock market hardly gives any second chance. Once opportunity lost means it’s gone forever. Now the biggest question is how to grab trading opportunities every time we trade?
    Well here comes the technical analyses handy. Just rely on research rather than your guts feeling and one should stop speculating in the Share market.
    Follow few basic trading rules and we are sure one can earn huge amount in the Indian stock market only by trading in NSE and BSE

    ReplyDelete
  138. Very nice post bro, how i can publish my own article here?

    negocios rentables
    negocios rentables

    ReplyDelete
  139. IRVINE Computer Repair, onsite repairs, no travel cost, starting at $69.00 per hour.Computer Repair Orange County Reliable and honest.Serving Irvine, Orange County, CA | CALL NOW (949) 456-0914 Computer Guys of Orange County Service in Orange County, including computer networking

    ReplyDelete
  140. IRVINE Computer Repair, onsite repairs, no travel cost, starting at $69.00 per hour. Reliable and honest. Serving Irvine, Orange County, CA | CALL NOW (949) 456-0914

    ReplyDelete
  141. Thanks for your post, I like this post very much.


    maquinas de coser
    maquinas de bordar

    ReplyDelete
  142. IRVINE Computer Repair, onsite repairs, no travel cost, starting at $69.00 per hour. Reliable and honest. Serving Irvine, Orange County, CA | CALL NOW (949) 456-0914 Computer Guys of Orange County Service in Orange County

    ReplyDelete
  143. Thanks for the informative writing. Would mind updating some good tips about it. I still wait your next place. ;)

    ReplyDelete
  144. Excellent blog.I found it very interesting and at the same time very informative.Thanks!!!

    power inverters
    ups prices
    Solar Tubewell

    ReplyDelete
  145. Excellent article. This is very useful and it just answers my question. thanks

    ReplyDelete
  146. I completely agree with you. I have no point to raise in against of what you have said I think you explain the whole situation very well
    essay writing help|write my research paper

    ReplyDelete
  147. Thank you for sharing. You've encouraged us all to open and broaden our minds!

    ReplyDelete
  148. Thank you for such a fantastic blog. Where else could anyone get that kind of info written in such a perfect way? I have a presentation that I am presently working on, and I have been on the look out for such information...

    ReplyDelete
  149. Wonderful post was very happy reading the really important information for me thanks, I thought the man in the future. I will surely recommend this article with your friends, family and friends. You are really great so allowing good articles.

    ReplyDelete
  150. The only thing that irritates me about blogger's jump break is the way the post summary ends so abruptly. I want to add [...] to the end of my post summaries, as I think it looks more professional and makes it clear to readers that the post is only a summary, but I can't figure out how to do it.

    ReplyDelete
  151.  Your blog is important; the matter is something that not a lot of people are talking intelligently about. I’m really happy that I stumbled across this in my search for something relating to it.

    ReplyDelete
  152. great inspiring article. I am pretty much pleased with your good work. You put really helpful information. Looking forward to your next post.

    ReplyDelete
  153. This article is also interesting and informative,thanks for your sharing. I will add this blog with my twitter friends.
    quotes about happiness

    ReplyDelete
  154. I am impressed, Very rarely do I discover a blog that is both educative and entertaining. Your thoughts are important; the issue is something that not enough people are speaking intelligently about. I'm very happy that I stumbled across this in my search for something relating to it.

    |Caillou Games|
    |Cooking game|
    |sondaj|
    |roman coins|

    ReplyDelete
  155. if i want to remove read more button in some of my posts then what should i do? as i was trying to remove that code by which a post can be hide by editing these posts via Edit HTML! But there is nothing like this! but in preview mode there is read more button in the last!. so what should i do? kindly guide me!

    http://worknplayarena.blogspot.com/
    Umar Shehzad

    ReplyDelete
  156. Wow nice list of blogs being shared here. Can anyone share a list of dating website review blogs?

    ReplyDelete
  157. Thanks for this tutorial. It's good to add read more function to your blogger blog. I've been searching online for how to do that and this has been the easiest.
    TechBase

    ReplyDelete
  158. 1000000 dollars
    Thanks for the great information. This will totally help me create a million dollar blog lol

    ReplyDelete
  159. It's really a wonderful job. This message contains useful information that helps us a lot. I have never seen such a large contribution.

    ReplyDelete
  160. I've gotta tell you, you are spot on. I stumbled on your site from another link and am really interested in this topic. Do you mind if I link to this site from my blog?

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

    ReplyDelete
  162. physical activity is any Cheap Steelers Jerseys form movement that causes your body to use enegy. it may be purposeful. such as when you exercise or play sports. it may also occur as part of your regular routine, for example,as you are walking or riding bike to go to school,Aaron Smith Jersey you are doing the physical activity. many forms of physical activity can improve your physical fitness, the ability to carry out daily tasks easily and have enough reserve energy to respond to unexpected demands. maintaining a high level of physical fitness gives you a sense of Ben Roethlisberger Jersey total well-being and is an important lifelong health goal.Sports help to keep people healthy and more energetic.

    ReplyDelete
  163. its interesting post to read,well nice blog post

    ReplyDelete
  164. Wow nice list of blogs being shared here. Can anyone share a list of dating website review blogs? Your blog is important; the matter is something that not a lot of people are talking intelligently about. I’m really happy that I stumbled across this in my search for something relating to it.

    ReplyDelete
  165. Amazing!I also wish him good luck to defend his gold medal. I like to share it with all my friends and hope they will also encourage him.

    ReplyDelete
  166. Traderbest.com
    Traderbest.com is an online firm that offers investment trading ideas, investment opportunity and financial services such as online stock trading newsletters,IRA trading ideas, Roth IRA, mutual funds, stock quotes, stock market research and online investing concepts.
    Traderbest.com ,discount brokers, mutual fund, no fee ira, best online trading, stock broker, free stock quotes,stock investing, discount brokerage.

    ReplyDelete
  167. Wow!! What a great writing, really I appreciate such kind of topics. It will be very helpful for us. Waiting for

    more articles, blogs like this. I’m going bookmark your blog for future reference. Thanks a lot for sharing

    this.

    ReplyDelete
  168. This article is novel, I really love it. I also have some ideas written in my article, you can have a look if you have the interest. We can also discuss different topics.
    Archie Manning Jersey
    Deuce Mcallister Jersey
    Jabari Greer Jersey
    Jonathan Vilma Jersey
    Malcolm Jenkins Jersey

    Morten Andersen Jersey
    Rickey Jackson Jersey
    Roman harper Jersey
    Sedrick Ellis Jersey
    Bobby Hebert Jersey

    ReplyDelete
  169. Don't even know what to say on this topic. So much ideas are mixed in my head after reading it. Very problematic article I think
    y8 Game Spel Kids Games Flash Games Online Game Flash Games Game Games Didi Games Game Spel
    Paint Games Kids Games
    Car Games Ben10 Games
    addicting Games y8
    y8 Caillou Games New Games Y8
    Friv Y8 Oyun Oyun

    ReplyDelete
  170. Great blog. All posts have something to learn. Your work is very good and
    i appreciate you and hopping for some more informative posts.
    thank you……..

    ReplyDelete
  171. Very useful information you have here, I really like the way it is written.

    ReplyDelete
  172. Wow!! What a great writing, really I appreciate such kind of topics. It will be very helpful for us. Waiting for

    more articles, blogs like this. I’m going bookmark your blog for future reference. Thanks a lot for sharing

    this. friv

    ReplyDelete
  173. It got good posts as well. I will bookmark this site for future viewing. Thanks for sharing.

    ReplyDelete
  174. You provided a valuable service to the community. Thank you for doing such a
    great job all these years.

    ReplyDelete
  175. It's really a wonderful job. This message contains useful information that helps us a lot. I have never seen such a large contribution. visit my post
    Metode Bisnis Online Memberikan Bukti Nyata

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Advertise on Blogger Buster

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

© Blogger Buster 2010 Home | About | Contact | Hire Me | Privacy Policy