#1. Overview :
#2. How to Setup :
The first step is to locate whether or not you have jquery installed on your machine. It should be located at the top part of your tumblr template within thetags or at the bottom of your template between the tags – if you have them. It should look something like this:
If you can’t see the jquery code then you need to add it. It is preferable to use the latest version of jquery. Point to it like this by copy/pasting the code here.
<link rel="stylesheet" type="text/css" href="http://domclaxton.com/tumblrblog/minimal_v2_min.css" media="screen" />
It should go between the tags of your template like this :
#3. Selecting location to show related post :
Replace : Blogmetric.Tumblr.Com to YourBlogName.Tumblr.Com
#4. Customization :
There are a number of options with which to customise the look and feel. Currently there is only one layout type controlled by one css file but I plan to add more in the future. You can however control the size, colour, text size and number of related posts to show – the full list is below. I also included an ‘exclude tag’ parameter which allows you to specify tags that you don’t want the script to search for. This is useful if you have used certain tags for certain navigational links. For example, on my site a I tag all my posts with one of four special ‘super’ tags which I use to create pseudo-categories from.
#5. Parameters :
- num – the number of items you would like to see displayed – recommend no more than 8.
- len – the maximum character length of your text link titles.
- css – the CSS file to be used for display. Pass the name of the css file eg minimal.css Currently there is only one option which I plan to update at a later date.
- title – the title of your related posts widget.
- type – add a specific type if you want to display only related posts of a specific type. Use any or all of the following: text, quote, audio, photo, video, link, answer.
- size – specifies the size of the images that the script will fetch to optimise download time. Use: 75, 100 or 250
- boxH & boxW – width and height of each related post link
- imgsize – once you have optimised the actual size of the fetched image you use this parameter to display it. Use: S, M or L to denote small medium or large. It will dynamically re-size proportionally for you.
- fontsize – sets the font size of the Related post link title
- tags2exclude – specify any tags that you want the script to ignore. Separate each tag with a comma
- relpostbackcolor – specify a hash colour for the ‘Related posts’ section background, (eg: #F35B2C)
- headtextcolor – specify a hash colour for the section heading text, (eg: #999999)
- relpostcolor – specify a hash colour for the individual Related posts link surround, (eg: #FFFFFF)
- liketextcolor – specify a hash colour for the ‘Like’ text, (eg: #999999)
- textcolor – specify the colour of the text as a hash colour, (eg: #000000)
- postmargin – changes the padding between each related post box (eg: 5)
- widgetmargin – changes the outside margin of the widget space (eg: 25)
- widgetpadding – changes the padding of the widget which holds the related posts boxes (eg: 10)
Hope you like it. Please share with others