Tutorial Stats
How To Change The "<< Previous" And "Forward >>" Text At The Bottom Of Your Weebly Blog​
Tutorial Description
This tutorial will show you how to change the "<< Previous" and "Forward >>" text that appears at the bottom of your Weebly blog, to any text you desire.
SHOW MORE
Tutorial
Step 1. Open the hTML/cSS editor
Click on "Design" at the top, then click on "Edit HTML/CSS" on the bottom-left.
Step 2. Choose your blog's page layout
On the left, you'll need to select the page layout your blog uses.
Note: If you don't know what page layout your blog uses, click "CANCEL>PAGES" and then click on your blog on the left. You should then see on the right which page layout your blog uses. Now repeat Step 1.
Note: If you don't know what page layout your blog uses, click "CANCEL>PAGES" and then click on your blog on the left. You should then see on the right which page layout your blog uses. Now repeat Step 1.
Step 3. Add jQuery coding
After selecting your page layout on the left, on the right, scroll down until you reach the closing "</body>" element. Place the jQuery code below directly above the closing "</body>" element. Change the text in orange to change "<< Previous" and "Forward >>".
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-page-nav-previous a").text("<< Previous");
$(".blog-page-nav-next a").text("Forward >>");
});
</script>
Click save.
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-page-nav-previous a").text("<< Previous");
$(".blog-page-nav-next a").text("Forward >>");
});
</script>
Click save.
partial code courtesy: java2s.com
You're done!
Public Your site to see your blog's new page navigation text!
Tips & additional information
The changes to "<< Previous" and "Forward >>" will not be seen in the Weebly editor. They will only be seen on a published site.
Recent Weebly Tutorials
Recent Comments
