June 20, 2009

0

Create "Related Post" Section At End Of POST

  • June 20, 2009
  • anand
  • Share
    • Another great hack for blogger.com is to dynamically generate at the end of every post a "Related Posts" section . The goal is to have your visitors stick around longer and take more of an interest in your blog.

    It's very easy to do, but as with every modification to the template be very careful.

    For Template code modification process visit How To Modify your Template Code?

    Look for the code

    <data:post.body/>

    After that place this code:


    <b:if cond='data:blog.pageType == "item"'>

    <div class='similiar'>

    <!-- ***http://hoctro.blogspot.com***Jan,2007**** -->

    <!-- ***Related Articles by Labels - Take Two*** -->

    <div class='widget-content'>

    <h3>Related Posts by Categories</h3>

    <div id='data2007'/><br/><br/>

    <div id='hoctro'>

    Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a>. Brought to you by <a href="http://bloggerblackhatseo.blogspot.com">Blogger SEO</a>.</u>

    </div>

    <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 <>


    var entry = json.feed.entry[i];



    var alturl;


    for (var k = 0; 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 <>


    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; label =" label.replace(">


    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 <>

    if (labelArray[i] == textLabel) test = 1;

    if (test == 0) {

    labelArray.push(textLabel);

    var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

    labelArray.length : maxNumberOfLabels;

    if (numLabel <>

    search10(homeUrl3, textLabel);

    numLabel++;

    }

    }

    </b:loop>

    </b:loop>

    </script>

    </div>

    </div>

    </b:if>


    SAVE THE TEMPLATE AND SEE THE "RELATED POST" SECTION AT THE END OF YOUR POST....




    Share |
    author

    This post was written by: Anand Kumar Chauhan

    0 Responses to “Create "Related Post" Section At End Of POST”

    Post a Comment

    Subscribe to: Post Comments (Atom)

    Subscribe