Wednesday, March 30, 2011

Related post on your blog

Tutorial how to make related article into your post:
  1. Login to blogger.
  2. Open >>LayOut<< ----> Edit HTML
  3. Check at 'Expand Widget Templates'
  4. find <data:post.body/> and paste script below.

  5. Script :




    <b:if cond='data:blog.pageType == "item"'>
    <H2>Another link related</H2>
    <div class='rbbox'>
    <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
    <div id='ardi33'/>
    <script type='text/javascript'>
    var homeUrl3 = "<data:blog.homepageUrl/>";
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;
    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;
    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('ardi33').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>
    <script type="text/javascript">RelPost();</script>
    </div>
    </b:if>




  6. If you are using read more widget, You will found two "<data:post.body/>". Paste the script under the first code.
  7. Save template
Notes:
Please make sure to backup your template first.

1 comment:

  1. This is a very interesting article to read. Thank you for giving very good information. Nice post.
    bigo live is Nice app. connect friends and relatives.

    Download the application
    BIGO LIVE PC CONNECTOR
    BIGO LIVE PC FREE DOWNLOAD
    BIGO CONNECTOR
    BIGO PC DOWNLOAD
    BIGO LIVE FOR WINDOWS 7
    BIGO LIVE PC CONNECTOR
    BIGO LIVE FOR PC

    ReplyDelete

While comments maybe u would like to download another Blogger Templates Or Tricks ?? :)

Handphone Protector

handphone is the stuff that is always attached in your pocket. This m obile is a common item , but that does not mean it is not w...