Half an hour ago I published 10 ways of customizing Read More links. However some of you might be facing a problem in styling the read more link in official blogger Designer templates. In order to apply the style effects to such templates you will first need to delete the read more link provided by blogger and install a custom read more link or button in less then 3 minutes.
Delete Jump Break Link In Blogger
- Go to Blogger > Design > Edit HTML
- Backup your template
- Click the "Expand widget Templates" Box
- Search for this,
<data:post.body/>
5. and just below it find and delete this 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 >
6. Save your template and you are done
Add a Custom Read More Link
Now to add a custom read more link which can be fully customized in various looks please follow this tutorial,
- How To Show only Post Summary in Blogger?
Now after having added the link, it would be even more interesting by changing its look by reading this tutorial,
My blog design has broke after posting a post . I could not understand where is the problem. I tried a lot to solve by using page element and page design. but can not solve the problem.
ReplyDeletemy blog address is
http://xtest350.blogspot.com
Anyone help me ,................Please please please
kais
ReplyDeleteI was unable to remove the "readmore" on my post pages. It really sucks that people cant read what i posted there www.princeonlineservices.com
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteI am using the tanzanite template and wanted to add the code to enable me use the read more link but cant get this part:
ReplyDeleteKindly cross check to see if there is any error and kindly let us know how to correct it.
Thanks a lot you have helped me a lot to improve me blog
ReplyDeleteAwesome! This is what I was looking for. Thanks!!
ReplyDeleteI'm very grateful to visit your blog everyday , i learn more about it and i apply it on my blog . www.advanteck.blogspot.com
ReplyDeletethanks for sharing master..
ReplyDeleteI need help I just set up a new template on my blog, but I can not get rid of the 'read more' I do not have the same html please help me
ReplyDeletethe above code u gave is not found on my blog . please help me getting out of it
ReplyDeleteThis is what I was looking for. Thanks a lot
ReplyDeleteThanks a LLLOOOTTTT!!!!!
ReplyDeleteHi! Thank you so much for sharing all these helpful tutorials! I found another way to remove the scroll:
ReplyDeleteBecause I couldn't find the code I should delete. Instead, I found this:
I removed the (...) + "#more"' (...) part and it worked as well!
Thought I should share for those who encountered the same problem as I did.
But thanks again!