http://www.bendaggers.com/wp-content/themes/this is fucking crazy
Linkwithin Related Post in Blogger is another solution to help your readers to navigate from one blog post to another. It is more appealing than a regular url links because it displays not only text but also the image from each of your blog post. It is also packed with algorithms and calculations what to display and how it is related to the current blog post the user reads. One word. Relevance. Linkwithin Related Post also loads faster and promised not to be a burden to your website. Personally, I find Linkwithin Related Post in Blogger more effective and efficient compared to other related post widget.
Adding Related post in blogger is very easy to implement. This tutorial will help you to add linkwithin related post in blogger. The tutorial is about adding Related Post in Blogger using a widget and by adding the Related post in blogger manually (which is I highly recommend).
To start of our tutorial, I need you to sign in to your Blogger Account then leave that for a moment. Then, visit Linkwithin website to get your related post in Blogger widget.
As shown in the image above, Linkwithin widget for Blogger related post requires you to fill in your Email Address, your Blog link which is your Blogger’s Home page (EX: bendaggers.blogspot.com or type in your own domain name if you have.) You must make sure that you select BLOGGER as your platform and lastly select how many related post you want to display. You can select up to five (5) stories to be displayed by your Linkwithin related post in blogger widget. Once done, click the button Get Widget!
You will be directed to this page. Should you read? No need, total waste of time. lol. I’ll provide you the next steps.
Click on the link “Install Widget” that will lead you to the next page (image below).
After you clicked the link “Install Widget” you see this familiar page. Linkwithin website is trying to add their widget to your blog. Just like on the image below, “Select a Blog” means you should select the appropriate blog you want to add the Linkwithin Related Post in Blogger widget. This will apply to those Blogger Account who have multiple Blogs. Modify your preferred TITLE instead of LinkWithin. The Linkwithin Related Post in Blogger widget codes should not be modified to be able to work. If you’re finished and satisfied with your changes, you can now click the “Add widget” button to add the Linkwithin Related Post in Blogger.
Once the widget is added to your Blogger Template, you can now see the Linkwithin Related Post in Blogger widget in your Blogger Template located at your side bar. Save your changes so that the Linkwithin Related Post in Blogger widget will take effect.
Is it okay if the Linkwithin Related Post in Blogger widget is in the sidebar wherein it should be in the footer of every blog post? Yes. But just to be sure, you can drag down the Linkwithin Related Post in Blogger widget at the footer of your Blogger Template so that it won’t mixed up with other Sidebar widgets. But if you ask me, I’m contented with it. Well, it’s a free country! Do want you want! lol!
Did I told you that you should save your changes, right?! Now, view your Blogger’s homepage and single page if the Linkwithin Related Post in Blogger widget is added. Related Post in Blogger should be like this.
Easy right?! No sweat!
We now move to the next tutorial:
We’re done adding Linkwithin Related Post in Blogger using a widget. In this tutorial, we will add the Linkwithin Related post in Blogger manually. To start off our tutorial, we need to get our Linkwithin Related Post in Blogger codes . Once you arrived at the page, fill up the necessary detail such as Email and your Blogger’s Homepage. Then in the Platform, change that to “OTHERS”. Select your preferred number of related post to be displayed by Linkwithin. Lastly, click the button “Get Widget!”.
Linkwithin will now display you the Related Post codes. Copy and paste it in a notepad temporarily. Take note of your linkwithin site id. You can see it at the second line of the Related Post Codes (as shown in the image below).
In my case my linkwithin site id is 1389727 which can be found in the second line “var linkwithin_site_id = 1389727”
Leave the Linkwithin Related Post codes for a while and open your Blogger account. Go to Template > Edit HTML. At the upper left of the active window, make sure that you’ve checked the “Expand Widget Templates”. Using the FIND function of your Internet Browser, find the in your template codes. If you have found the
tag, paste the codes right before . The codes for Linkwithin Related post is right down below.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <script> var linkwithin_site_id = LINKWITHIN SITE ID NUMBER; linkwithin_text='YOUR CUSTOM PHRASE HERE!!!'; </script> <script src="http://www.linkwithin.com/widget.js"></script> <a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a> </b:if>
After you paste the codes in your Blogger Templates, modify it by changing the word “LINKWITHIN SITE ID NUMBER” to your correct linkwithin site id number. Remember, I told you to paste the Linkwithin Related Post codes in a notepad, right? Next, change the words “YOUR CUSTOM PHRASE HERE!!!” in to your own and personalized message. Most bloggers use the phrase “You may also like this.”
Take a last look at your codes, your Linkwithin Related post in Blogger codes should be like in the image above after being pasted. Once satisfied, Save the template and view your Blog if the Linkwithin Related Post is working on your Blogger Template!
And that’s how you add Linkwithin Related Post in Blogger manually. Celebrate!
If you’re using WordPress, you might wanna check out my tutorial on how to add related post with thumbnail in your wordpress blog.
Did you find any trouble adding Linkwithin Related Post in Blogger? Which method do you prefer? Linkwithin installed using Blogger widget or installed manually? Please let us know in the comments section! Happy coding!