Blogger Help - Add Read More link to your posts

Although this tutorial is the easiest way to truncate posts on Blogger blog, but being a javascript based hack, this method is not SEO friendly. If you want to use a SEO friendly post-truncating method on your blog, then kindly read this post.

Most of the bloggers, want to show more than one post in their blog's home page, but displaying all the content on the home page of each and every post makes the home page very lengthy, and visitors may miss out any article while scrolling down the entire length of the page.
So here's a method for bloggers to display only a part of  the posts, and not the entire posts. If a visitor wants to read the complete article then he/she will click on the "Read More" link at the bottom of the post, which will be redirected to the particular post.

Steps to follow:
1. Log into the Blogger.com account
2. Go to "Layout" section
3. Back up your current template, by downloading it.
4.  Now click on "Expand Widget Templates"
5. Now find this code - ]]></b:skin>
6.  Just AFTER that code add these lines

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
7. Now again find this code : <data:post.body/>
8. And just after this, add these code lines:

<!--READ-MORE-STARTS--><b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More!</a>
</b:if><!--READ-MORE-STOPS-->

If you want to shift the "Read More!" text to the extreme-right side, use this code:

<!--READ-MORE-STARTS--><b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;">Read More !</div></a>
</b:if><!--READ-MORE-STOPS-->
9. Now save the template.

IMPORTANT :Now these adjustments will NOT show your previous posts with "Read More" tag, but you can display them with Read More tags, by editing them with instructions as below:
From now on, whenever making a new post, the part of the post you want to HIDE on your main homepage, write those lines in between these code lines:

<span class="fullpost">WRITE THE PART OF THE POST YOU WANT TO HIDE HERE</span>

See the screen shot below for details:


NOTE 1: After writing new posts, always proof-read your edit HTML section, to avoid mistakes, one such mistake is discussed below:

Make sure, that "Edit HTML", while writing posts looks exactly like this:

<div style="text-align: left;">Post in brief, may include pictures too
<span class="fullpost">Hidden part</span>
</div>


In the above example notice that I have closed span, before div, that placement is very necessary, if you put like this </div> </span>, i.e. closing div first and span later this will NOT work, because span has been started inside div, so it must be closed within div tag.

In case you have multiple paragraphs, while posting a post, and you are giving same text alignment to all the paras, then by default, after every para, the div element will be closed, and again it will start for the next para, so THIS SHOULD NOT be like this, you have to start <div> in the beginning of the post, end it at the last, and make sure <span class="fullpost">Hidden part</span>, is between your div tags.
If you want your previous posts also to hide part of their text, then you must edit them and add span tags to them.


*UPDATE: Now there's a new hack to make all this process automatic: READ HERE about AUTOMATIC READ MORE trick for Blogger.

NOTE 2: If the above method does not work in your blog, here try this second method:
eBlogTemplates

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

124 comments

Write comments
November 26, 2008 5:23 PM delete

Hey buddy,

Thanks a ton for those tweaks! Got most of 'em working. But this one - Read more... - is not working for me. I did it just the way you have mentioned but it does not work.

Instead of hiding a part of the post, it displays the full post. At the end of the post - to make it look ridiculous! - it shows 'Read more!'

I'd appreciate any sort of help. Thanks again.

Peace. Good day!

Reply
avatar
November 27, 2008 1:52 AM delete

Hello Karthik !

The answer to your query needed some HTML tags, so instead of writing it in this comment, I have added a not in the above post, please read it in the above post...

Reply
avatar
November 27, 2008 6:57 AM delete

Will try it out soon.

Thanks a ton for the prompt response. In fact, I tried out both the methods mentioned here (the second one being eBlogTemplates); but in vain.

Peace. Good day.

Reply
avatar
January 23, 2009 1:14 PM delete

hi,

i've added this "read more" link to my blog, i haven't tried it yet if it's gonna work, but am hoping it will once i post a new entry.

my question is adding the span code on my previous posts. i've tried doing it but it only hid the remainder of my post and the "read more" is not showing. i tried to copy the code in no. 8 just to be sure, this time it showed the "read more" but i cannot click it. it there another code to use? the span code works fine, it's just that i want the "read more" to show.

thanks,

jasmine

Reply
avatar
January 23, 2009 1:24 PM delete

Your coding work is fine, and even the read more link is working and will take u to the correct post.

The problem is, it is NOT hiding the post.

To troubleshoot this, you have to read the NOTE1 in the above post.

Reply
avatar
February 01, 2009 3:24 PM delete

Thanks for this. I got it to work on Minima Dark 3 column after shopping around on various other sites.
-Mike
www.28dayslateranalysis.com

Reply
avatar
February 08, 2009 12:43 PM delete

Read more option is placed at the left hand side..how to place it on the right hand side

Reply
avatar
February 08, 2009 12:55 PM delete

Hi Love, you can put it to the right side by this code :
<a expr:href='data:post.url'><div style="text-align: right;">Read more!</div></a>

Instead of this one:
<a expr:href='data:post.url'>Read more!</a>

Reply
avatar
February 09, 2009 2:16 AM delete

thanks its works...but there is an another problem..i tried your social bookmarks tutorial and it is showing at the front page of my all posts ..check this

http://i42.tinypic.com/2cq17id.jpg

Reply
avatar
February 09, 2009 5:57 AM delete

Hi *Love*

In the second step, make sure that you add the second code only after :

<p><data:post.body/></p>

I have done this in a notepad template too:

http://www.inselpix.com/img/869449806453.png

Reply
avatar
February 11, 2009 5:20 PM delete

Thanx man !!!!!!!!!!! Thanx a lot I wanted this feature in My Blog & had tried what other sites are having but none of them could either explain in detail or make the code work.

But yours one did it in first attempt.

Thanx Keep it up & keep posting such good articles.

Reply
avatar
February 12, 2009 6:03 AM delete

Welcome Aryan.....
I am happy that it worked for you!
You are always welcome here, and for more hacks and widgets, you can visit this page: Blogger Help

Regards
Sai

Reply
avatar
February 14, 2009 4:52 PM delete

I can't find "data post body"... :(

Reply
avatar
February 14, 2009 5:02 PM delete

You'll find it, only if you click on
"Expand Widget Templates"

Reply
avatar
February 15, 2009 4:42 PM delete

Hey, I LOVE this code...BUT is there anyway I can keep it from posting on ALL of my posts?

Even on short posts where I DON'T want a "read more" link, it still adds it at the end of the post automatically. Anyway to fix that?

Reply
avatar
February 16, 2009 4:31 AM delete

Hi Sahar,
Well, there's no way to control the 'read more' link from posts, either you have to remove it completely or show it in all posts.
But that shouldn't be a matter of worry, cause that link is very small and will only take you to the post !
And moreover most of the visitors coming from search engines like google etc. do not even have to see that, as they'll be landing directly on the particular post page, and not necessarily on homepage.

Reply
avatar
February 16, 2009 6:36 AM delete

Thank you sir :) You're right, it's not too bad having a link on all of the posts.

BTW, your site is GREAT. Really one of the best and most helpful sites :)

Reply
avatar
February 16, 2009 8:29 AM delete

Thanks Sahar, for appreciating the work
I am really glad that you liked this blog !

Reply
avatar
February 20, 2009 10:25 PM delete

Thanks for the information but I can't find data:post.body in my blog's template.

Reply
avatar
February 20, 2009 10:29 PM delete

Sorry for my silly comment. I forgot to expand widget templates. Anyways, do visit my blog and suggest me ways to improve it.

Reply
avatar
February 21, 2009 7:57 AM delete

:)

For which of your blogs, do you need advice dude?

Reply
avatar
March 03, 2009 5:11 AM delete

is there any way to make the "read more" show up right after the last word in the summary instead of a separate line?

Reply
avatar
March 03, 2009 9:06 AM delete

Well the code is placed after <data:post.body/>

which is why it is being shown after the post and in a new line, i don't think there's any way to show it directly after the last word of the post, but you can ofcourse change the read more with any bold word, or any image etc. to make it visible more easily....

Reply
avatar
March 07, 2009 1:32 PM delete

hi sai,
Plz remove the link to eblog, coz its hack is full of errors that further confuses visitors.
Though the hack is working fine for me but man its not hiding the social bookmark icons they way it does yours.
Have a look at my blog plz,

Click here

Reply
avatar
March 11, 2009 12:12 PM delete

Hi Dyvia,

Your advices are great. But I have a little problem. I added "read more" link to my blog but the social buttons stayed on my main page. What should I do to make them show only when people open the entire article after clicking "read more"?

10x in advance. :)

Reply
avatar
March 11, 2009 1:44 PM delete

Hello Mohd. and Ivaylo Spasov,

The social networking buttons are not related to this "Read More" hack, you have to add a small code to those buttons, to prevent them from appearing in the home page, simply do this:

<b:if cond='data:blog.pageType == "item"'>
CODE FOR SOCIAL NETWORKING BUTTONS
</b:if>

Add those bolded lines to your social networking buttons code, that's it !

Reply
avatar
March 11, 2009 3:13 PM delete

Hey Divya,

You are precise as usual. Your code works perfectly!
Thank you!

P.S. I put the buttons in a table and your code surrounds the buttons and the table also. I hope that is not a problem if I decide to remove the table or some of the buttons in the future.

Reply
avatar
March 11, 2009 3:34 PM delete

Thanks Ivaylo,
Of course you are free to add table or any other content to those buttons, that code in bold is being used just to hide the widget in your main page.

Reply
avatar
March 13, 2009 6:13 AM delete

I want to change the text from Read More to Click here to Read the Complete Entry and I want to change the font colour,size.

Reply
avatar
March 13, 2009 6:26 AM delete

Hello Imad-ud-din Saqib,
In the second code(step 8), REPLACE

Read more!

with this code:

<font color="red" size="3">Read The Complete Entry</font>

Reply
avatar
Kim
March 13, 2009 6:51 AM delete

Yeah, finally one that works.

Thank you very much for this information.

Reply
avatar
March 13, 2009 4:10 PM delete

thks dsai, my social bookmarks icon are now hidden on homepage thks to you.

Reply
avatar
March 14, 2009 11:26 AM delete

welcome mohd and Imad....

to make it bold,

use these tags:

<b>Read More!</b>

and for italics, use these :

<i>Read More!</i>

Reply
avatar
March 17, 2009 2:06 AM delete

thanks Mr..this code perfectly Work for me..

Thank you very much

Reply
avatar
March 18, 2009 10:00 AM delete

Howdy Divya,

Great tips. I have installed your read more link posts & it works awesome. The other day I stumbled upon a blog that taught me how to insert an image instead of the "read more" link. Its more visible than just a normal read more link. Anyways, I was wondering if there is a code to create a hoverover/mouseover effect for the read more icon.

I also read your post on hoverover effect with html code for feed icons. Is it possible to try that with the read more icon?

Hope you can help me out.

God Bless,

Chetan

Reply
avatar
March 18, 2009 10:34 AM delete

Hi Chetan,
That's of course possible, to simply add an image, replace
Read more!
in the code above with this:
<img src="http://IMAGE_ADDRESS.jpg"/>

And if you want hover image effect too, then you have to add this code:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='IMAGE1'" src="IMAGE2" onmouseout="this.src='IMAGE1'"/></a>


Replace IMAGE1 and IMAGE2 with the direct links of the images...

Reply
avatar
March 19, 2009 12:57 AM delete

Morning Divya,

The codes provided by you works great except for one little thing. I am able to replace "read more" with my image but I want that image button to have a mouseover/hoverover. The code is working as a read more image button that scrolls on the right side of the page with a hoverover effect.

I think you are very close to solving my query.

If possible, you can take a look at my site to see the "read more" button on the expandable post. This will give you some clarity.(http://poker-in-india.blogspot.com)

Many thanks for providing your valuable time.

Awaiting your reply,

Chetan

Reply
avatar
March 20, 2009 12:49 PM delete

Hello Divya,

The code is giving me a parsing error. Do I replace the http:any_linkdot.com to "data:post.url" ??/

This is my original code:-
a expr href='data:post.url style='float:right' target='_blank'> img alt='Read More' src='http://imgur.com/7P7A6.png'


God Bless,

Chetan

Reply
avatar
March 20, 2009 12:59 PM delete

OOOps sorry, use this code:

<!--READ-MORE-STARTS--><b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><img onmouseover="this.src='IMAGE1'" src="IMAGE2" onmouseout="this.src='IMAGE1'"/></a></a>
</b:if><!--READ-MORE-STOPS-->


PS: I'll be deleting the previous comment, as it may confuse others !

Reply
avatar
March 21, 2009 9:57 AM delete

Hi Divya,

The code almost works! Smiles... You are probably gonna hate me for dragging this too long. The code works fine, although the hoveover effect doesn't take place.

Do you think its because of h expression tag with data post url? All your previous codes worked perfectly with hoverover when I installed them on regular posts and as html widgets on the sidebar!

I understand if you cannot help me anymore. But I truly appreciate everything you have done for me.

Hope we can close this chapter.

Thanks,

Chetan

Reply
avatar
March 21, 2009 5:14 PM delete

It worked for me by saving the first part and then expanding widgets and saving the second part.

Reply
avatar
March 24, 2009 3:12 PM delete

thx man! :P
http://gsmlocker.blogspot.com/? good work

Reply
avatar
March 24, 2009 3:28 PM delete

@ Everybody !

To shift the "Read More!" to the extreme-right side,
REPLACE,
Read more!,
in the above code, with this:

<div style="text-align: right;">Read More...</div>

I'll update this soon in the post too, ASA I get some time ;)

Reply
avatar
March 24, 2009 3:30 PM delete

Good news, I have updated the post (step 7)...

Regards
Sai

Reply
avatar
March 28, 2009 12:09 AM delete

Hello Divya,

This blog is indeed a great e-guide for bloggers like me and i found very useful tips here which made my blog more attractive and user friendly.

I just want to clarify that after inserting the code for read more link from the above tutorial, I am not able to find out "span class equal to "fullpost"... /span" in my blogger post. What I did is that I pre-formatted blogger posts with this code, so that everytime I dont have to type this code manually or remember it (I am also among those bloggers who are not well-versed in html codes!!!! :(( ) I think you can include this step too for the ease of users of the code.

One more thing i also want to add email subscription form to all my blog posts, can u please tell me which post i should refer, since i was unable to trace it out earlier.

I added Related Posts html code in one of my blogs n it is working fine, but when i used the same code for other blog there is no change, can u just check n see at http://experienceswithshirdisaibaba.blogspot.com/ .

If you get time please visit my blog http://experienceswithshirdisaibaba.blogspot.com/ n share ur valuable suggestions on hetalpatil@saimail.com.

God Bless u!!!

Hetal Patil
http://experienceswithshirdisaibaba.blogspot.com/

Reply
avatar
March 28, 2009 1:59 PM delete

Sai Ram Hetal,
Regarding the "Read More" hack, you cannot add the second code to the template, it can be added only to the post, and actually it is better to control it yourself for each and every post, as the placement should be very accurate, to generate curiosity among the readers to click on the post to read the post...

And I think you have already done a great job on the Related Posts widget ....

Keep up the gud work !

An advice for you: try to put only one search form, and place the top header/banner exactly in the center !

Regards
Sai

Reply
avatar
March 28, 2009 8:31 PM delete

Took me awhile to figure out what was wrong, which by the way had nothing to do with your method, and the hack now works PERFECTLY. Thanks!

Reply
avatar
April 03, 2009 3:56 AM delete

thanks was very easy language

Reply
avatar
April 27, 2009 2:10 AM delete

Thanks for the code. It was very easy.

Reply
avatar
May 18, 2009 6:11 PM delete

Thank you. This one works better than the other hacks. I just wish there was a way to remove it from *every* post, but as the ones I have tried that promise this seem to fall apart, I will stick with yours and work around it :)

Please update if you figure out a way to remove it from *all* posts.


Thanks for your work :)

Reply
avatar
May 21, 2009 2:33 PM delete

it worked nicely & easily. Thanks for sharing.

Reply
avatar
June 11, 2009 8:44 AM delete

thanqs for this post...

but i want to add read more button for select post only..
i mean read more link i want add for selected posts only ....
pls help i struggle for this for long time.....

This is my blog
http://funevil.blogspot.com/

Reply
avatar
June 11, 2009 8:57 AM delete

Rajesh,

Through this trick, the read more link will be shown after all posts.....but it is all your choice whether you want to hide any part of the post or not.

I don't think a small link after the posts would be a problem for you....moreover as visitors mainly reach blogs from search engines so they'll directly read your posts and not homepage, so you do not have to worry much for that small link.

Reply
avatar
June 20, 2009 2:35 AM delete

Hi there! I have a "Read More" hack on my blog; http://pinaysexvideos.blogspot.com and renamed it to "Click Here For The Download Links". The problem is I can't seem to make the "LinkWithin" hack work. Could you please help me with it?

Reply
avatar
FM
June 25, 2009 8:59 AM delete

It works. but i have a few problems…ill post them once i have re evaluated everything.

Thanks…
FM @ http://hightechy.blogspot.com

Reply
avatar
July 16, 2009 4:06 PM delete

www.insanezone.ro/TerMy's Angel-21662.html



super fantastic :)))

Reply
avatar
Anonymous
July 20, 2009 11:25 PM delete

Hi, thank you for posting this. It worked great in my template. I have 2 questions though.

1) When I followed the steps, my "Read More" link is displayed to every existing blog post I have. Is this normal?
2) I have an existing blog post that is very short and does not need a "Read More" link. How can I remove it?

I checked the HTML of my post and it does not have any [span class="fullpost"]some text[/span] in it but it has "Read More".

(Basically, the HTML of my existing posts has this skeleton):
[div]some text and some paragraphs in here[/div]

How can I remove the "Read More" from the short blog post? Thanks.

-J-

Reply
avatar
Anonymous
July 23, 2009 1:35 AM delete

Quote:
"Hi, thank you for posting this. It worked great in my template. I have 2 questions though.

1) When I followed the steps, my "Read More" link is displayed to every existing blog post I have. Is this normal?
2) I have an existing blog post that is very short and does not need a "Read More" link. How can I remove it?

I checked the HTML of my post and it does not have any [span class="fullpost"]some text[/span] in it but it has "Read More".

(Basically, the HTML of my existing posts has this skeleton):
[div]some text and some paragraphs in here[/div]

How can I remove the "Read More" from the short blog post? Thanks.

-J-"


Hello? Is anyone here? I hope there is an answer to this question.
-J-

Reply
avatar
July 23, 2009 2:29 AM delete

Yup that's normal....it will be displayed below all posts.

To remove the read more link, you have to edit the template.
Check your template for the words "Read More" and remove that code.

Reply
avatar
-J-
July 23, 2009 10:55 PM delete

Hi Divya Sai,

Thank you for your reply. Do you mean I have to remove this following group of code?

[!--READ-MORE-STARTS--][b:if cond='data:blog.pageType != "item"']
[a expr:href='data:post.url']Read More![/a]
[/b:if][!--READ-MORE-STOPS--]

Sorry I am not a techy so I am panicking. I just wanted selective "read more" on some blog posts. Again, thank you for helping me with this. I appreciate it.

-J-

Reply
avatar
July 24, 2009 6:20 AM delete

Ya you'll find a code similar to that, if you give me the address of your blog, then I can help you more...

Reply
avatar
July 26, 2009 7:53 AM delete

Dear i m not able Add readmore with this code attempt..... plz tell some other way so that i can add read more to my blog....
hope u reply me at ....www.eversongs.blogspot.com

Reply
avatar
July 26, 2009 12:58 PM delete

Check out this one:
http://bloggerstop.net/2009/05/automatic-read-more-hack-for-blogger.html

BTW nice blog dude !

Reply
avatar
-J-
July 26, 2009 8:15 PM delete

Hi Divya Sai,

While continuing to look for related posts about "Read More," I have come across a blog about "Selective" Read More (by Hackosphere) and it worked well on my short blog posts.

Again, thank you Divya Sai for your assistance. Your instructions helped me very much. Also, your blog site is very nice and got lots of helpful posts in it. :)

I have linked BloggerStop on my "Blog Gurus" on the sidebar. You can view it from http://browsergamesonline.blogspot.com.

Keep it coming! :D

Reply
avatar
July 27, 2009 11:32 AM delete

Thanks for the link -J-
The best gift I get from my readers is of course a mention of this blog on theirs...thanks a lot for it :)

Reply
avatar
July 31, 2009 4:29 AM delete

thanks to this...
it works like a charm on my blog...:)):)):p:p

http://hcier16.blogspot.com/

i post this to my blog too...
i also put your link on my blog...
which are included on useful one for the new bloggers like me...

Reply
avatar
August 01, 2009 3:26 PM delete

Yeah finally it worked...m a fan yaar! Thanks for putting an end to my painstaking efforts to find "read more" tag. wish you and your site luck.i wish to seek some help from you on Google Adsense, if you can comment about that on my blog or here, I will be glad.
many thanks again

Reply
avatar
August 02, 2009 5:30 AM delete

Hello Buddy,

I am glad the trick helped you, although I do not use Adsense, but tell me what do you want to know about it?

Reply
avatar
August 05, 2009 4:07 AM delete

I'm becoming a fan. Your posts are truly helpful. Bless you. :-*

Reply
avatar
JaneDoe
August 24, 2009 9:30 AM delete

Hi Divya. Great site you've got going here. So, I've been trhough each and every comment here(all 79 of them) but I still can't figure this out .(yes, I know I'm daft)
Basically, I followed the steps you put down and now I've got the read more tag displayed at the bottom of the post but still shows the full post. This is my second blog and first one on blogger. On wordpress, I had it so much easier.
If you could please give me a detailed explanation of how to fix this? i know you just might be wondering how daft some people relly are, but that's just how it is.. please? help a poor unfortunate blogger?

Reply
avatar
Divya Sai
August 24, 2009 10:01 AM delete

If you have correctly done the first 9 steps of the tutorial, then the possible error is in your post-article.

As shown in the screenshot in the post above, there are two tabs- edit html and compose
Now edit your present post, and click on that Edit html tab
Then delete everything except your post text. That means delete all those span or div tags. Let the images be there and the hyperlinks.

Now add the <span class="fullpost">...</span> to the post.

So basically your post should look like this:

Your post - part 1
<span class="fullpost">
Your post - part 2 (hidden)
</span>

That's it...NO OTHER span/div tags.

Reply
avatar
August 28, 2009 9:52 AM delete This comment has been removed by the author.
avatar
August 28, 2009 10:01 AM delete

;) this post is easier to understand and follow than those of the other sites. It works fine on http://ravingride.blogspot.com/ .
BTW, the trick doesn't work on posts with a lot of /span tags

Reply
avatar
August 28, 2009 11:25 AM delete

It's not becaue there too many span tags, the fact is correct placement (opening and closing) of tags should be done by you.

Read the "Note 1" in the post above, and try to keep the html part in the post as simple as possible !

Reply
avatar
September 13, 2009 12:53 AM delete

Thanks for sharing the info. It's really helpful because I'm was having a problem to justify the 'read more' button to the right. It's solved since I found your web.

http://tinyurl.com/ways2makemoney

Reply
avatar
December 06, 2009 12:00 AM delete

there is no data:post.body tag in my template :(( . i m using MAPLE LEAF template. the articles i post r generally very long, i want to collapse selected posts, looked for this hack all ovr net :-/, but my search stops at the requirement of this tag =(( . What to do??? PLEASE HELP :(

Reply
avatar
December 06, 2009 12:15 AM delete This comment has been removed by the author.
avatar
December 06, 2009 12:17 AM delete

I want read more hack, yahoo smiley hack for comments and disabling copy function for my blog. I am using MAPLE LEAF template. PLZ HELP. http"//hector.virk.blogspot.com

Read More hack is most needed. plzzzzzzzz

Reply
avatar
December 06, 2009 3:36 AM delete

Read and make sure you have done the Step #4
data:post.body must be there.

For Yahoo smileys, read this tutorial:
Yahoo smileys in Blogger Blogs

Reply
avatar
January 02, 2010 7:35 AM delete

Can anything be done to be able to select what text appears on the homepage?

Reply
avatar
January 02, 2010 7:42 AM delete

Yes Ankit you can control that.
All the content in between <span class="fullpost"> .... </span> will be hidden and other content wil be visible in the homepage.
you can use these tags for any parts of your post.

Reply
avatar
February 14, 2010 11:23 AM delete

Very nice widget..

And Its works with my blog..

Reply
avatar
February 14, 2010 12:54 PM delete

hey dude, i want to know the way to remove the read more button after short posts my blog is www.e-blogtricks.com
and i saw www.bloggertricks.com that did it for short posts
hope yu can answer me

Reply
avatar
February 22, 2010 12:37 AM delete

This is really a great idea to get more attention to most of your posts and also for a quicker page load. Good one ;)

Lina.

Reply
avatar
March 29, 2010 1:54 AM delete

bro sometime i install some template ok and did not want to add this code like built-in code i need that if you can please

Reply
avatar
April 04, 2010 4:22 AM delete

Thanks Dude
It Helps me a lot

I have used different codes
but it didn't work
But Your Code Works Fine

I have Implemented it in http://imageworld4you.blogspot.com
I will also implement it in my other blogs
http://24houronlinemovies.blogspot.com

Reply
avatar
May 03, 2010 6:04 PM delete

hi,
How do I do this for pictures. I have short text and more pictures and don't want to feature all of them just a teaser and then put in View more... ( the rest of appear).

I can't seem to get this work. help please.
thanks
Sue

Reply
avatar
May 07, 2010 3:37 AM delete

The information that you gave is good
but i can not understand your Notes which you told

Reply
avatar
May 11, 2010 11:03 AM delete

sorry for not being clear. Basically what I am asking is :

CAn the 'REad More' option work with pictures. I use short text on my post but want to include, say 5-6 pictures, so can I just put the short text and 1 picture and then have a read more option where people can view the rest of the 5 pictures.

I tried this with the html you've given but all the pictures show at once ?

thanks.

Reply
avatar
May 12, 2010 9:15 AM delete

@Fringeepanni

OF course you can do that,
your post in the "Edit HTML" mode should look like this:

<div style="text-align: left;">Post in brief, may include pictures too

<span class="fullpost">Hidden part of the post and the images you do not want to show in your homepage, should come in here</span>

</div>

Or you may use the new official method too:
http://bloggerstop.net/2010/01/best-method-to-truncate-posts-in.html

Reply
avatar
May 13, 2010 9:27 AM delete

Brilliant, I'll give it a go and thank you very much for your help.
sue

Reply
avatar
December 07, 2010 1:36 AM delete

Hello Divya Sai Thanks for your brilliant job, I am proud you are Indian, please have a look on my blog and give your valuable suggestion's to develop and get it top on all major search engines : www.yuvaimages.blogspot.com/ I hope you would reply me my email ID: rockshiva007@gmail.com

Reply
avatar
December 08, 2010 6:12 AM delete

Hello

Can you tell me how to hide the read more images in Static pages.

Thank You.

Reply
avatar
January 05, 2011 11:20 AM delete

Hi admin..please help me about breadcrumb in my blog.....
Why have to post breadcrumb like this :-

Browse » Home » Lelong » Senarai Rumah Lelong Januari 2011
Browse » Home » Lelong » Senarai Rumah Lelong Januari 2011

it's that normal?...or i must adjust something....

Thank you...

Reply
avatar
shani
January 12, 2011 3:40 PM delete

Hi,
thanks but i have a problem. Readmore link does not seem to appear at end of Paragraph.
please help

Reply
avatar
March 22, 2011 11:41 AM delete

thanks....and more improve to me...form help this site..

Reply
avatar
June 22, 2011 11:30 AM delete

thank you for sharing this very specific information..

Reply
avatar
August 08, 2011 6:34 AM delete

Thank you for great tips. It was simple to read, but I'd like to add that if your business needs to be updated try windows mobile development.

Reply
avatar
August 12, 2011 6:00 AM delete

there are to many of

how can i find the write thing

Reply
avatar
September 15, 2011 8:14 AM delete

I m always Looking for these kind of stuff, Sharing these kind of information is really helpful to all.Your blog is really nice simple and always provide valuable information to all users.Thanks a lot !
Web Designing Delhi
Seo Delhi

Reply
avatar
September 17, 2011 8:32 AM delete

how remuve mu options read more in my post in my blog in blogspot. this is my blog http://download-mobile-software.blogspot.com/

Reply
avatar
September 27, 2011 8:24 AM delete

I m always Looking for these kind of stuff, Sharing these kind of information is really helpful to all.Your blog is really nice simple and always provide valuable information to all users.Thanks a lot !
Web Designing India
Best SEO Company in India

Reply
avatar
November 07, 2011 4:32 AM delete

That is great posts. Let me mention about auto and home insurance with discounts house protection providers. Save on online free quotes on homeowners insurance.

Reply
avatar
November 07, 2011 6:17 PM delete

Thanks for sharing with us this great posts. You have affordable chance to clarify gaming affiliate. The best gaming programs such as rialto affiliate and great poker rooms such as party partners.

Reply
avatar
November 09, 2011 3:04 AM delete

I was looking at you wbsite,Michael Vick Jersey which is wonderful, and noticed that you have a postcard published by my cousin, Mathew Gardner. I am currently researching our family history and wondered if you had Authentic NFL Jerseys Cheap the original postcard and any other information whih has not been published on your website.

I have some information which I would be happy to furnish if you wish to get in touch.Cheap Steelers JerseysLooking forward to hearing from you.
Pittsburgh Steelers Jerseys
Authentic Steelers Jerseys
Cheap Steelers Jerseys
Youth Steelers Jerseys
Womens Steelers Jerseys
Custom Steelers Jerseys
Steelers Super Bowl Jerseys
Steelers Throwback Jersey
Steelers Throwback Jerseys
Cheap Steelers Throwback Jersey
Cheap Steelers Throwback Jerseys

Reply
avatar
December 05, 2011 3:58 AM delete

Divya,

Nice post but I'm facing a peculiar problem.....
How can I remove "Read More" Tag from my stand alone page that are directly linked to the nav tabs of my site??

Need ur help....
Fishclick Bangladesh

Reply
avatar
January 02, 2012 10:53 PM delete

Really awesome....thanks alot for sharing

Reply
avatar
June 22, 2012 1:49 AM delete

Thank you so much for taking time to show compassion to all of us bloggers.

Reply
avatar
August 25, 2012 3:04 PM delete

Couldnt find the Expand widget gadget in my blogger. Help!! Please reply!!

Reply
avatar
August 25, 2012 3:31 PM delete

Go to your Blogger Dashboard
Then to the "Template" page of the particular blog.
Then click on "Edit HTML" and then click on "Proceed"
Now you'll see the option "Expand Widget Templates"

Reply
avatar
October 27, 2012 5:32 AM delete

Thank You So Much Man, It helped me alot and now my blog is looking good. :D

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon