New Related Posts + Thumbnails (Alternatives to LinkWithin)

've Never installed the widget related posts from Linkwithin service? if not, at least colleagues ya ever see this widget. Please open one of my posts, and see sample widgets at the end of the posting.

Well, This time I try to share more tutorial like widgets Linkwithin alternarif replacement, tampilannyapun very similar. But that is rather different, and we should be bothered a bit because it is all done manually. This widget actually been discussed thoroughly by the author Aneesh blogs here

Let not confuse me translate aja ya here's how:

1. First, go first to the Edit HTML page, do not forget to check the "Expand Widget Templates"

2. Find this code </head>

3. Then replace with the code below

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

</head>

4. Now locate the below code again

If you do not find the code above, try searching for this code

If you've met, live input all this code under one of the co-found the above code.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

5. Do not forget to save dah see the results

To show how many posts related to by editing the code below:

var maxresults=5;

To change the title, you can edit this code:

var relatedpoststitle="Related Posts";

0 comments