How to make related post on blogger

How to link posting's squire at blogger or how to make related post on blogger? this question one yesterday input at my email, so present I just write at blog this for tutorial to make the point makes to link squire posting.
okey, directly just us beginning just this tutorial:

  1. Please login your admin blogger, and klik layout => edit html => and then give check mark in expand widget.
  2. find this code: <data:post.body/>
  3. and copy paste this code under <data:post.body/> :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Jangan lupa baca yang ini juga</h3>
<div id='data2007'/><br/><br/>
<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>

4. last as always keeping and result see it, hopefully utilitarian and success.

»» Read More....

Google Adsense ads in the Post Auto Readmore

Adsense's Google advertising in Posting Auto Readmore

To readmore old version or that so long trick like this:
1. Log in to your blogger admin
2. Directly makes towards layout and click edit html
3. give cekmark on Expand Template Widget
4. Don't forget backup before for precaution
5. this very essentials.... sought for code <b:if cond='data:blog.pageType == &quot;item&quot;'> for code it looks for that above readmore.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
adsense's Google advertising you in here
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

6.don't forget do encode is code beforehand you let following not error. to encode advertising code clicks here.
7. keeping...

To Readmore Autoreadmore's recent Version (if no has known to read in here) trick assembles advertising at posting begini:
1. Log in to your blogger admin
2. Directly makes towards layout and click edit html
3. give cekmark on Expand Template Widget
4. Don't forget backup before for precaution
5. this very essentials.... sought for code <b:if cond='data:blog.pageType == &quot;item&quot;'> for code it there under look for readmore

<b:if cond='data:blog.pageType == &quot;item&quot;'>
adsense's Google advertising you in here
<p><data:post.body/></p>
</b:if>

6.don't forget do encode is code beforehand you let following not error. to encode advertising code clicks here.
7. keeping...
8. Its result see, good luck …:D

»» Read More....

Auto readmore recent version

I got his information from o-om.com. Readmore automatically it is really good looks, have my attempt at blog my advertising at http://i. mr mung.com and its result verry good looking...

Just directly Pleases page open EDIT HTML, Sought for code </head> then give this script hereunder above code </head> if you have, don't forget at beforehand keeping.


  <script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 400;
summary_img = 400;
img_thumb_height = 100;
img_thumb_width = 100;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


Still on page EDITS HTML, Mark off to hit on "Expand widget template" then finds code as under

<data:post.body/>

Kalo have, deputize for code <data:post.body/> with all code hereunder

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


please to be kept and its result see :) good luck.

»» Read More....