Sunday, April 17, 2011

tutorial : How To Make Related Post

This Time I will share how to make related post,,
Related post is very usefull for readers,,,, and also Me :)
because with it , they can read other articles wich the title has conjuction with the artikel that the readers read,,,
Not Only That, But also This related Post has many functions ,,,,, ex: maybe with it the reader can find something that he seeks,,,, And Others :D

Step by Step to make a Related Post 

1. Go to Dashbor ====>  Layout ==> Edit HTML




cara membuat related topic.

2. click on the Expand Widget Templates.




cara membuat artikel berhubungan.

3. Find this code ( CTRL + F )

<data:post.body/>

4. Then, Copy code below and put it under code <data:post.body/>

 <b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://hoctro.blogspot.com*****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='http://imaduddingreat.co.cc'>Imaduddin Abd Rahim</a></u> | Delivery by <u><a href='http://gamefreefulldownload.blogspot.com/' title='Tips And Trick Blog - make Related Post'>Want To Make Aslike This???? Just Visit it /</a></u> | Support by <u><a href='http://gamefreefulldownload.blogspot.com/' title='Game Here For Free'>All Download For Free And Full Version Blogspot</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; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
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);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[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;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

 

5. changethe blue word with your word

6. Then, click save template and finished :D

Related Post:



Stay updates with this blog! By entering your email address below, then you will get free email newsletter updates from this blog.


1 comments:

I've been surfing online more than three hours nowadays, yet I by no means discovered any attention-grabbing article like yours. It is beautiful price enough for me. In my opinion, if all site owners and bloggers made just right content as you probably did, the web will probably be a lot more useful than ever before.
Here is my homepage ... designer online shop

Thanks For Your Comments Friends... By Imaduddin

Post a Comment

If you are From Indonesia or others country ,,

Please use our translation flag,,

Thanks,,

Twitter Delicious Facebook Digg Stumbleupon Favorites More