Adding Related Post Below the content post is a highly recommend for the blogger. The advantage of installing this Widget is to keep visitors from their reading articles and stay it longer in your website. This widget collects all the related content in your post category or label.
5. Save Template
note: you can also customize the number of post in related post widget by changing the color blue numbers.
see screenshot below
- Go to Dashboard.>> Layout >> Edit HTML
- Expand your widget by clicking on Expand widget templates
- Find the following code in your template. (Press Ctrl+F to make a search)
- Now paste the following code just below the above code.
<p><data:post.body/></p><!-- Social Bookmarking Widget Begin -->
<div style='float:left;'>
<ul class='actions'><h3>What's Next?</h3>
<li><a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Digg' border='0' src='http://3.bp.blogspot.com/_LW4mOVq5BJE/TNkouA5vVVI/AAAAAAAAAFk/GIR-NXj7njM/s1600/digg.png'/>Digg It</a></li>
<li><a class='stumbleupon' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'><img alt='Stumble This' border='0' src='http://2.bp.blogspot.com/_LW4mOVq5BJE/TNkou9CnEEI/AAAAAAAAAF8/DOEyU479Gr8/s1600/stumbleupon.png'/>Stumble It</a></li>
<li><a class='twitthis' expr:href='"http://twitthis.com/twit?url= " + data:post.url + "&title=" + data:post.title' target='_blank' title='Twitthis'><img alt='Twitthis' border='0' src='http://2.bp.blogspot.com/_LW4mOVq5BJE/TNko1FQugEI/AAAAAAAAAGE/c47HCp-0rEE/s1600/twitter.png'/>Twit This</a></li>
<li><a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Del.icio.us'><img alt='Del.icio.us' border='0' src='http://3.bp.blogspot.com/_LW4mOVq5BJE/TNkouABTjfI/AAAAAAAAAFc/SudkdpvFJgg/s1600/delicious.png'/>Save This Page</a></li>
<a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark To Google'><img alt='Google' border='0' src='http://3.bp.blogspot.com/_LW4mOVq5BJE/TNkouh6RTTI/AAAAAAAAAFs/cRyYj4yqQ_o/s1600/googlebookmark.png'/></a>
<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u= " + data:post.url + "&=" + data:post.title' target='_blank' title='Add to Yahoo web'><img alt='Yahoo' border='0' src='http://1.bp.blogspot.com/_LW4mOVq5BJE/TNko1ZVEDiI/AAAAAAAAAGM/BB-G1HOTK6I/s1600/yahoo.gif'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title= " + data:post.title' target='_blank' title='Add to Reddit'><img alt='Reddit' border='0' src='http://1.bp.blogspot.com/_LW4mOVq5BJE/TNkoujMr_8I/AAAAAAAAAF0/prWcFlagPEE/s1600/reddit.png'/></a>
<a expr:href='"http://technorati.com/faves?add= " + data:post.url' target='_blank' title='Add to Technorati'><img alt='Technorati' border='0' src='http://1.bp.blogspot.com/_LW4mOVq5BJE/TNkpRQbAQpI/AAAAAAAAAGU/di4krN73_YY/s1600/technorati.png'/></a> </ul></div>
<!-- Social Bookmarking Widget END -->
<!-- Related Posts Widget Begin-->
<div style='float:Right;'>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
</div>
<!-- Related Posts Widget Begin-->
5. Save Template
note: you can also customize the number of post in related post widget by changing the color blue numbers.
see screenshot below
Digg It
Stumble It
Twit This
Save This Page
What's Next?
0 comments
Post a Comment