Thursday, July 07, 2011
Once you have the Share Buttons checked as in the image to the right, go check your blog page. If you see the little list of boxes that I have at the top of this post...or below my signature...then you're good to go! If not *sigh* then we have some more work to do. We're going into the template HTML.
I know...I know ...this is not for the faint at heart, but I have confidence that you can do it, if you follow the instructions to the letter. First thing, click the Design Tab, Then click on the Edit HTML tab. (You will see that marked as #2 in the image above.
Okay...now that we have that out of the way...use Ctrl-F to open a Find box at the bottom of your screen like in the picture to the right. What we are going to look for is the post-footer lines (designated lines at the bottom of a post). There are usually 3 of them. Write post-footer-line post-footer-line-3 in the Find box (like I have circled in green.) It will actually find and highlight those words. Those words are ABOVE the words that are highlighted in blue because I skipped that picture to save space. When you find the footer-line 3...or 2...or 1 (You can experiment where you stick it in those three lines), you are going to insert this section of code:
<span class="post-share-buttons">< b:include data="post" name="shareButtons">< /b:include ></span>
Then insert the code right where I stuck it in the picture. (The piece of code is in blue.)
Now...another important point...Click the PREVIEW button to see the change. If the preview shows the Share buttons at the bottom of the post, then close the preview and click Save Template.
If the preview does not open...or the buttons are not there when the preview does open...click DISCARD Edits.
And start again. If you get stuck...email me.