First Step, You Must Do This Step

First Step, You Must Do This Step

this code should be included in your blogger template,

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

i’ll tell you where to add it, but before you add it, make sure that it’s not already included in your template.
Go to you blogger dashboard >> Layout >> Edit HTML and Check on Expand Widget Templates use your internet browser to search for the code,
if you found the code in your template, ok you have to skip this step
but before you skip it,
make sure that the third line in the code looks like this

<a expr:href='data:post.url + "#more"'>Read More </a>

And not

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

if you found it like the second one, please replace it with the first one
if it’s not in your template you’ll have to add it, and i’ll tell you where you should add it.
Go to you blogger dashboard >> Layout >> Edit HTML and Check on Expand Widget Templates use your internet browser to search for this code,

<data:post.body/>

and just after it, add the next code,

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More </a>
</div>
</b:if >

Now we finished adding the require code for customizing this trick.

Lets start customizing

1.Change the text ” read more ” to another words.

this is the easiest on ever,
after applying the first step to your template, you should have this code added to your template :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Read More</a>
</div>
</b:if >

This code will display your read more link in this format : Read More
and to change it to another word, simply, change the word Read More in t