In
the bottom of the blog post is usually no link “Newer Post”,
“Home”, and “Older Posts” as an internal navigation for
easy user opens the previous or next post.
Let
we create more users friendly and SEO friendly, anchor text in those links can
be converted into a post title so it provides clarity on the topic of the post
before / after, also more search engine friendly because it is a post title
that contains the keyword.
Replacing
Link Next Post Home, Previous Post with the Post title:
Go
to your Dashboard on Blogger
Click
on >> Template
Click
on >> Edit HTML
Search
for </b:skin>
Paste
below CSS code after </b:skin> tag and save template.

<style
type = “text / css “>
a.home-link
{display: none} # blog-pager-newer-link {font-size: 85%; width: 280px;
text-align: left;} # blog-pager-older-link {font -size: 85%; width: 280px;
text-align: right;} </ style>

Now
search </body> tag and paste below code above  </body> tag.

<Script
type = “text / javascript” src =
“http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”>
</ script><script type =
“text / javascript”> $ (document) .ready (function () {var
newerLink = $ (“a. blog-pager-newer-link “). attr (” href
“); $ (” a.blog-pager-newer-link “). load (newerLink +”
.post-title: first “, function () {var newerLinkTitle = $
(“a.blog-pager-newer-link”). text (); $ (“a.blog-pager-newer-link”).
text (“<<” + newerLinkTitle);}); var olderLink = $
(“a.blog-pager-older-link”). attr (“href”); $
(“a.blog-pager-older-link”). load (olderLink + “.post-title:
first”, function () {var olderLinkTitle = $
(“a.blog-pager-older-link”). text (); $
(“a.blog-pager-older-link”). text (olderLinkTitle +
“>>”) ; // rgt});});
</ Script>

Now the older
writing post, home, and newer post has trans into a post title of the post.

LEAVE A REPLY

Please enter your comment!
Please enter your name here