Tuesday, July 30, 2013

How to Add And Fully Customize the "Link-With-In" Related Posts Gadget In Your blog?

The Link Within Related Posts With Thumbnails Gadget is hugely popular among bloggers using every blog platform.It works with Any template. With no code needed to add the gadget to your blog and the script automatically generating the posts to be listed. Link Within is easy to use and effective.However there are some changes you may like to make to the gadget in terms of appearance, Text and Position of the gadget.In this post we will see how to do the following.

1. How To Get The Link Within Related Posts With Thumbnails

Adding the gadget to your blog is quick and easy.First follow this link to the Link Within Website.On the homepage fill in your Email, Blog URL, Platform (This Tutorial Is For Blogger) and number of related posts you want displayed.For most Blogger templates you should display 4 posts.Click Get Widget. You will now be directed to the second installation page.
  • Click Install Widget for blogger to pop up in a new window.
  • If you have more than one blog choose the blog you want the gadget added to.
  • The widget title will be Link Within.
  • Click add widget.
The gadget has now been added to your blog.

2. Change The Title Of Link Within Gadget

By default The Text above the related posts is "You May Also Like" but you can change this.
A. In you dashboard click Layout > Edit Html

B. Find The Following Piece of code in your blogs html.It wont be hard to find it's at the very top :

    <head>

C. Copy The Code Below And Paste It Directly Below <head>

    <script>linkwithin_text='YOUR TITLE TEXT HERE:'</script>

D. Replace YOUR TITLE TEXT HERE with the title you want displayed and save your template.

3. Move The Position Of The Gadget Below Your Posts

If you have a number of gadgets below your posts like social bookmark buttons, AdSense or Rss options you may like to move the Link Within Related Posts Widget.Here is how you can place the gadget into position.

A. In your template place the following code were you want the gadget to be displayed :

    <div class="linkwithin_div"></div>
Save your template.

4. Display The Gadget In Only The Post Pages On Your Blog and not in home

If you use the read more post summary's on your blog you will want the gadget displayed on the post pages only.To display the Link With in gadget on only Post pages. Just Do the following Steps:
A.Find Your Installed gadget i-e "link with in" by using Ctrl+F key.
B.Just copy and Paste the below given code Just After <b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

C.Now, Like first step just copy and paste the give piece of code before </b:includable>

</b:if>
[see screen shot]



 That,s it Now, Link with in Will n,t be displayed in home page and will only be under each post page.

5. Remove The Link Within Link Below Related Posts

Add the following Css to your blog :

    #linkwithin_logolink_0 {display:none;}

That should help you get the most from the great Link Within related posts gadget.If you have any questions or suggestions drop them in the comments below.
Like the Post? Please share it with your Friends.

No comments:

Post a Comment

Warning !

Search This Blog