Search This Blog

Monday, May 30, 2011

Blogger Tutorial: Create Read more with button

Tip: For searching codes in the Html, use Ctrl+F to search in your browser.

Firstly create a read more button. .
Then Upload your buttons on the blog. If you don't know how to - Click Here.
Now replace the link in the following code with your button link.

more
Save this code as your "BUTTON HTML".
Login to your Blogger Id and go to Design Tab. Click Edit HTML.
Find the following code:]]>
Now replace the code with the following one:
.jump-link a img{
border:0;
float:right;
margin:10px 0;
}
]]>
Now find the following code:

replace with your "BUTTON HTML".
Save the Template.
Preview for satisfaction.
Note: The glitch is very long and may take up to 10 minutes but it is for your help as longer posts may take your visitors time and in order to shorten posts with Read more button you may be able to load your blog faster.

No comments:

Post a Comment