How to Fully Customize LinkWithin Settings

LinkWithin is a popular related posts widget as a large number of bloggers use it on their WordPress and Blogspot blogs among other blogging platforms. The widget shows a set of nicely arranged links to other posts in the blog that are found to be similar to the current post. The links are made up of related post’s title and an associated thumbnail image.

Often bloggers want to customize LinkWithin to make it more nicely integrated in their blogs.

LinkWithin provides methods to customize its settings and you can easily edit LinkWithin using these settings. Thus the blogger can make best of the this widget. Given below are some of the customizations possible with LinkWith widget:

Default title of the widget is “You may also like”… but if you want to change it to something else, just place the following code in HEAD section of your web page:

<script>linkwithin_text='NEW TITLE TEXT COMES HERE'</script>

Replace the NEW TITLE TEXT COMES HERE with whatever title text you want to give. This JavaScript controls the title text outputted for the LinkWithin Widget.

By default, the widget appears at the bottom of every post. But you may like to have it elsewhere (for example, at the top of your post!). You can insert the following code in your HTML at a place where you want widget to appear.

<div class="linkwithin_div"></div>

Style of the title text of the widget is determined by a CSS class called .linkwithin_text You can override this class and give your own style in CSS. For example:

.linkwithin_text{
Color: #ff0000
}

You would need to put the above code in your stylesheet (CSS) file.

I hope this was useful for you. If you have any other questions about settings, editing or customization of LinkWithin widget, please feel free to ask. I will be happy to try and help you. Thank you for using TechWelkin.