The Read More link tutorial that I previously shared summarizes all posts to a specified length but then it even appears on Blogger’s newly introduced Static Pages where it should not be. I was scratching my head on how to solve this problem when Sam of Plenty Of E-books came to my rescue. He provided me with a code that shortens posts and also doesn’t let the read more link or button to appear on static pages. So lets replace our old code with this more updated one.
Note:- If you have never implemented this trick before then kindly read this tutorial first –> Add Read More Link To Your Posts
How To Summarize Posts and Hide Read More Link in Static Pages?
- Go To Blogger > Design > Edit HTML
- Backup your template
- Search for the old read more code which looks like this,
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="text-align: right;">Read More ->></div></a>
</b:if>
or something similar to this. Simply replace it with this one,
<!--READ-MORE-STARTS-->
<b:if cond='data:blog.pageType == "static_page"'><br/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'><br/>
<a expr:href='data:post.url'><div style='text-align: right;'>
<img height='33px' src='IMAGE URL OF READ MORE BUTTON' width='120px'/></div>
</a>
</b:if>
</b:if>
<!--READ-MORE-STOPS-->
kindly replace IMAGE URL OF READ MORE BUTTON with Image link of your read more button. If you don’t have a button then grab one from some of the buttons I designed in past,
Visit these links,
Save your template and view your static Page to see it working just perfect! Peace :)
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you
Subscribe to our regular Email Updates!
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
26 comments:
Hello Mohammad,
Brother you are too fast too furious,thanks a lot.
hey can you tell me how to implement comment section in static page in blogger i am using disqus, please help me brother.
Thank You Mohammad for giving the credit :)
But I think you missed the Date Hack which you told can happen with this code only...
@Jeet
I would suggest to use the default blogger comment form because of some following reasons:
1. Disqus comments loads slow as so your blog too get slow.
2. Its not SEO friendly I think. I don't know much about SEO but I read it somewhere.
3. I even tried to install it but wasn't successful and didn't wanted much of a headache :p
Thank You
Samsexy98
That was really nice.
Why People May Stop Visiting Your Blog
I m Using Jump Break from blogger
in that image only appears in the post in which we want
@My World4Free
I am too using Jump Break but that do not work on Static pages for me.
@samsexy:
thank u for your advice, ya i have shifted to blogger comment
simple but useful :)
@Dholakia
Anytime pal and for comment system stick to Blogger. Simply the best from every angle. What looks good doesn't always taste good. Hope you get me :D
@Sam
For you I believe I would have to write some SEO related posts and I was wondering I should.
@Myworld
Jump break could be an alternative I agree dude.
@LinkFoci
A Pleasure! :)
@Mohammad
Hahahaha...
I am really a Dumb-ass when it comes to SEO and that reflects in my site...:p
Its because I don't understand how to implement it..
@Tariq
Please find a better place to advertise..
I am using Tanzanite.
The read more image shows up in every static page.I tried to put in this code but it displays the following error message:
"
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The string "--" is not permitted within comments. "
And when i remove the comments it saya that
"
Your template is invalid because the tag 'div' appears inside of the tag 'head'.
".
@Ayush
Try removing the following two things from the code..
Don't understand why its saying that its not permitted...
Oops sorry...
The thing that was to be removed didn't came in my comment..
Here it is...
[!--READ-MORE-STARTS--]
[!--READ-MORE-ENDS--]
Replace '[' with '<'
@Ayush
Sorry for the inconvenience. I have edited the code above. you can now use it.
@Sam
Yes the problem was with the HTML comments which was incorrect and now the code will work just fine.
What have you edited??? Confused here...<'.'>'
I had mistakenly wrote the ending comments as <!--READ-MORE-STOPS-> instead of <!--READ-MORE-STOPS-->
HTML can't be messed. :p
ohh..
That was just a difference of a hyphen that's y didn't get what was wrong..
Thanks for the support.
Its all well now..
sir it didnot work in my blog i do all the steps but it didnot work as you see
please give me som advice for my blog
http://dreamboxfiles.blogspot.com
do you know how to hide blog post from homepage? i want to set a static page in my blogs homepage and i will set a link to my blog but in the same URL.
thanks. hope you can help me.
i think this only works with those template that originated from blogger.
I have successful blog but now I want to switch to WordPress as it has a lot more great options which are available in blogger. Is my switch from blogger to WordPress is going to be the biggest mistake in regards it will decrease my traffic and other stuff.
i am unable to remove the read more hack from my blog static pages. i have to use posts instead of pages due to this read more hack somewhere in the javascript codes of the template. i don't understand javascript so this is all like a mess to me.
check it here and suggest changes.
http://www.gulshanelectric.com
thanks and regards
Similar issue like above.I use tweak to show only post titles on home pages,labels,arhive and similar.I delete read more from template ( i guess as is not appear again) but static pages also show only post title and i can get into them to see whats written.
Can you look at my blog and help mw with this ? Best regards
Max
http://footygo.blogspot.com/
Ok ,my problem is that i remove read more from my blog,and put only post title to show,but issue is now it works with static page ( i meant show post title only but it doesnt show rest of static post page even if i click on title.can you help me with this.
You can find me here http://footygo.blogspot.com/
Best regards
hi mybloggertricks i came to your site searching for a trick to remove read more button and show only one post blogger homepage.
but i unsuccessful and started editing my blog and a finally found the following script:
Nextsem
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
Regards,
Mohammad