Making Related Articles Blogger From Hoctro

On Thursday, October 13, 2011 0 comments
It is a related post bloggers made ​​by hoctro. Related post is a thing that may be required for a blogger to decorate his blog in order to appear more interesting and easier for visitors to see our other post. And I think this related post that is easy to make.

How to instal

1. Loging into your account, choose your blog, select design, edit html and expand template wiget
2. Back up your template to avoid an erorr.
3. Next find the following code:

<p><data:post.body/></ p> or <data:post.body/>

4. If you've find, put the following script code just below the code before <p><data:post.body/></ p> or <data:post.body/>
 <b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- **********************Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
Modified by JackBook.Com to make it easier to use.
1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
2. The current article will also be listed, now it's no more.
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
Widget by <u><a href=''>Hoctro</a></u></div>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt;; k++) {
if ([k].rel == &#39;alternate&#39;) {
alturl =[k].href;
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
for (var l = 0; l &lt;; l++) {
if ([l].rel == &#39;alternate&#39;) {
var raw =[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
var div1 = document.createElement(&#39;div&#39;);
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);

nb : Words that I gave it the green color (Related Post) is the title of the related post, change with your own.

After that Save Templates And Done. Now look at your blog must have had a related post. If you want to create related post with scroll click link here.

Best regards,

More Article:


Post a Comment