Author Topic: How to add "READ MORE..." on Blogger (BlogSpot) Posts - SEO tips  (Read 2648 times)

Briggz5d

  • Administrator
  • *****
  • Posts: 1048
Posting the Full content of your blog post in the home page may not be such a good idea if you update your blog often. It is good blogging practice to post Topics and a brief excerpt of the story including a link at the bottom to read the full story - this will give your readers more options to choose from topics listed without scrolling endlessly.

Benefits of adding a READ MORE...
Remember! - one of the best SEO practices is to keep your pages light weight as Google considers page Load time in ranking.
Adding a link to the Full story in your blog also serves as relevant INTERNAL BACK-LINKS
Did i mention it improves Google Adsense earnings? Yeah it does.. since readers visits 2 pages instead of just 1 homepage.

Users of Blogspot in the past who wanted post only a summary or first paragraph of a story with a Link to the full page had to manually Edit their HTML template to enable the "Read More..." feature. Good News!! That long process is not required anymore because http://Blogger.com has Added the feature to Edit tools.

The Blogspot feature that enables authors to cut the story short for the homepage is called "Jump Break." It is enabled by default on the New Blogger interface as shown in the diagram below.

how to add READ MORE on blogger


How to Use Jumb Break in BlogSpot Post:
To get you started -
1. Enter "Compose Mode"
2. Simply type your article in full, and where you want the Blogger jump Break to appear - Click the "Insert Jump Break" Button.
3. A line appear indicating where the post will be cut.
Thats about it.. Publish your post and see how it looks.

Problems with Read More not appearing??

ERROR #1
You are able to truncate the posts, but the "read more" link is not visible on the homepage:
In this case, you have to edit your template. So simply follow these instructions:
Log in to Blogger
Go to "Layout" -> "Edit HTML" and select "Expand Widget Templates"

Now find this code in the template:

   
Code: [Select]
<data:post.body/>


And immediately BELOW/AFTER that code, add this code:

   
Code: [Select]
<b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url'><data:post.jumpText/></a>
    </div>
    </b:if >
And Save.. -  Do post any other questions / Problems encountered below..

Don't Keep this to yourself.. Share with friends.. Like - Tweet - Digg :D
« Last Edit: January 11, 2012, 04:13 PM by Briggz5d »
Soki Briggs -

No comments for this topic.
 

How to add Custom Feedburner email Subscription form below blogger post

Started by Briggz5d

Replies: 0
Views: 1976
Last post September 25, 2012, 09:46 AM
by Briggz5d
How to add the New Facebook Coment Box widget with Notification for blogger

Started by Briggz5d

Replies: 0
Views: 1769
Last post September 26, 2012, 04:48 AM
by Briggz5d
About the Blogger Default RSS & Atom Feed URL

Started by Briggz5d

Replies: 0
Views: 1180
Last post September 25, 2012, 06:56 AM
by Briggz5d
How To Divide Blogger theme Header

Started by mattmaik

Replies: 1
Views: 1074
Last post October 05, 2013, 11:16 PM
by iykyvic
Search Engine Optimization (SEO) tips, techniques that work.

Started by Briggz5d

Replies: 1
Views: 1278
Last post June 23, 2011, 09:06 AM
by Briggz5d


Help Others find this Post - Share it.

Custom Search

Recent Posts

Contact Us!

For Adverts, Sponsorship, inquiries and Stories

admin@Ngbuzz.com

+2348035053935

BBM PIN: 744B8E60

Top Boards