Also check: How to add Auto-Read More Hack/Option in Blogger
Customizing Blogger Jump break:
Change Post Page Link Text:
By Default Post page link text is Read More. You can change it by doing as follows..
1. Go to Blogger>Layout.
2. In the Blog Posts section, Click on Edit. [see screenshot of this step]
3. It will pop-up a new Window Replace Read More with Your Desired text (e.g Continue Reading, Read full etc) [see screen shot of this step]
4.Save and exit.
3. It will pop-up a new Window Replace Read More with Your Desired text (e.g Continue Reading, Read full etc) [see screen shot of this step]
4.Save and exit.
Display Jump break Link On Right/Left:
By default Post page link is Displaying on Left which may annoy a blogger user. To Display it on Right add the following CSS code.
1.Go to Blogger>Template.
2.Click on Edit Template.
3.Press Ctrl+F to find the Following Code:
]]></b:skin>
4.Now, add the following code before/above it: [see screenshot of this step]
.jump-link { float: right; }
5. Save Your Template.
Hide Jump Break Link:
Hiding a jump link may be helpful. Because The full post page can also be viewed by clicking on Post title link which is displayed at the starting point of a post. To hide it do the following.
1.Go to Blogger>Template.
2.Click on Edit Template.
3.Press Ctrl+F to find the Following Code:
2.Click on Edit Template.
3.Press Ctrl+F to find the Following Code:
]]></b:skin>
4.Now, add the following code before/above it: [see screenshot of this step]
.jump-link { display:none; }
Change font size and Style:
1.Go to Blogger>Template.
2.Click on Edit Template.
3.Press Ctrl+F to find the Following Code:
]]></b:skin>
4.To increase font size and style, add the following code before/above it: [see screenshot of this step]
2.Click on Edit Template.
3.Press Ctrl+F to find the Following Code:
]]></b:skin>
4.To increase font size and style, add the following code before/above it: [see screenshot of this step]
.jump-link a, .jump-link a:visited {
font-size:15px;
font-family: "Georgia";
font-wei.pagenavi{
clear:both;margin:10px auto;text-align:center
}
font-size:15px;
font-family: "Georgia";
font-wei.pagenavi{
clear:both;margin:10px auto;text-align:center
}
5. Save Your Template and Enjoy. :)
No comments:
Post a Comment