Tutorial Stats
How To Change The "Read More" Text At The Bottom Of Your Weebly Blog Posts​
Tutorial Description
This tutorial will show you how to change the "Read More" text that appears at the bottom of your Weebly blog posts, 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 "Read More".
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-read-more a").text("Read This Article!");
});
</script>
Click save.
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blog-read-more a").text("Read This Article!");
});
</script>
Click save.
partial code courtesy: java2s.com
You're done!
Public Your site to see your blog's new "read More" text!
Tips & additional information
The changes to "Read More" will not be seen in the Weebly editor. They will only be seen on a published site.
Recent Weebly Tutorials
Recent Comments
