Ads (728x90)

Latest Post

Kesehatan

Tips




Linkwithin Releated Post thumbnail Widget

The Link Within Related Posts With Thumbnails Gadget is hugely popular among bloggers using every blog platform.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 all these things.A screen shot of linkwithin releated post widget is given above.



How to Add This?




1.Go To Linkwithin

2.Fill up the easy blanks and do as they say. The screenshot below will help,

Linkwithin Releated Post thumbnail Widget 1

  3.   Keep the width to three stories i.e three thumbnails if your post width is less than 500px
  4.   Hit the Get Widget button and then click the Install Widget link on the next page as shown below,
related posts linkwithin 2
  5. You can  Change the Title to Related Posts: or anything you may want.

Linkwithin Releated Post thumbnail Widget 4

6.Now On your layout/design page move the gadget below the posting area as shown below.



                                              Linkwithin Releated Post thumbnail Widget 3


The gadget has now been added to your blog.



Customization


  • To Display The Gadget  Only The Post Pages On Your Blog
If you using the read more post summary's on your blog you will want the gadget displayed on the post pages only.So,to do that before clicking on add a widget option what you have to do isClick the Edit Template Link

Linkwithin Releated Post thumbnail Widget 5
 Replace the code that you see with this one:
<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>



  • Change The Title Of Link Within Gadget
click the Edit Content Link and add the following additional code just above the code inside the widget,
<script>linkwithin_text='Related Posts:'</script>


Replace Related Posts:  with any text you want.

  • Remove The LinkWithin Link Below Related Posts



Go to dashboard>template>edit html>proceed.search(press cntrl+f) for ]]></b:skin> and paste the below css code just above it.
#linkwithin_logolink_0 {display:none;}


That's it!You sucessfully added this widget to your blog.:)

Post a Comment