Hello, today I am going to teach you a tutorial about how to add 4 related posts below every blogger post using a very useful widget. See that below my posts? There are 5 related posts. Don’t worry, you can change the number of posts by yourself later.
1. Go this Linkwithin website. Enter your email and blog URL. Select the number of stories as 4 stories.
2. Choose Other as your platform. And click get widget. You’ll get a code.
3. Now, you must copy down JUST the site ID. It’s better for you write it down or just leave the website open like that.
4. Copy the code below and paste it before
< /body > in your template. It’ll look like this. 1<script>; 2 | var linkwithin_site_id = SITE ID NUMBER; |
3 | linkwithin_text='YOUR CUSTOM PHRASE'; |
4 | < /script> |
5 | < script src="http://www.linkwithin.com/widget.js"> |
6 | <a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /> |
7 < /b ody> | |
5. Put your site ID in ‘SITE ID NUMBER’.
6. You can change the ‘Your Custom Phrase’ to ‘Related Posts’ or ‘You Might Also Like’.
7. The related posts will usually appear above labels, and comments links. Since I prefer it to appear after the labels like in my blog here, so I put the highlighted line below
after this line < b:include data='post' name='post'/ >. It’ll look like this:< b:includedata='post'name='post'/ >
2. < div class="linkwithin_div">Preview your blog template first before you save it. If nothing’s wrong, then it’s DONE^^
Reminder: There are no empty spaces between the code. Since this is my first tutorial, I don’t how to make it to appear properly in my post. The error keeps coming out. So I forced to put empty space between the codes to make it appear in the post. I am sorry for the inconvenience.
No comments:
Post a Comment