Installation Steps

Add a Sidebar Widget

Step 1. Click the button below

Step 2. Move the new sidebar widget to a position you like

The new sidebar widget will be created at top of your sidebar, you may want to move it a better place. Remember to save.

Tip: You actually can drag this sidebar widget and drop onto after Blog Posts widget, then this widget will show up after comments.

Step 3. Go to one of your blog post

You have to see it in action in single post, you will not see the Related Posts list in your home page of your blog. Just randomly choose one of your blog post.

Add a Sidebar Widget Manually

Step 1. Add a HTML/JavaScript on your sidebar in Layout

Step 2. Put the following code and Save it

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://brps.appspot.com/gas.js"></script>
<h2>Related Posts</h2>
<div id="gas-results"></div>

Step 3. Move the new sidebar widget to a position you like

Step 4. Go to one of your blog post

Add after your post

Screenshot of the Widget after your post content

Step 1. Go to Layout/Edit HTML/Edit Template

Step 2. BACKUP your template! Do not skip this!

Step 3. Check Expand Widget Templates, then Find a block like:

<div class='post-footer-line post-footer-line-3'/>
  ...
</div>

Step 4. Add one more line to be:

<div class='post-footer-line post-footer-line-3'/>
  ...
</div>
<h2;>Related Posts</h2>
<div id="gas-results"></div>

Step 5. Go to the end for:

</body>
</html>

Step 6. Add two more lines to be:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://brps.appspot.com/gas.js"></script>
</body>
</html>