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.

---

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.

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.

---

comments powered by Disqus