Browsing: / Home / Related Posts in Blogger Blogspot
Print Shortlink

Related Posts in Blogger Blogspot

By A. Fatih Syuhud on May 3, 2009 in

Realtrix has  a very good hack on making Related Posts for blogger.com / blogspot.  It works well. This is the simple way how to do it (visit Realtrix post for more details):

1. After login to your blogger.com -> layout -> Edit HTML -> Expand Widget Templates
2. Find the following code

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class=’post-footer’>

3. Copy this code -> <div id='related_posts'/> and put it between
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
and

<div class='post-footer'> (See the screenshot)

4. Copy this code (update 28 Nov 09) There’s a rule change, you have to get the following code along with a key, see the details here.

<script src='http://www.google.com/jsapi'/>
<script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

And put it precisely ABOVE </body>
</html>

5. SAVE. Done.

NOTE: The position of code number 3 might differ from template to template. The point is you should put it so that it appears in single page (that is a page when you click a particular article or blog post), not in the frontpage / homepage of your blog. See the live demo here.

Picture / screenshot Code #3 position

fatihsyuhud.com

fatihsyuhud.com

Mixx Delicious Digg Facebook Twitter

Page 4 of 4

38 Responses

  1. Langsing Dengan Cepat
    Langsing Dengan Cepat January 25, 2010 at 2:18 pm | Reply

    Langsung saya coba ni. . . .m0ga berhasiL

    PUSAT SEGALA TIPS DAN TRICK

  2. TIPS BLOGGING >> Tips Blogging Fatih Syuhud | EndangKusman.Com
    TIPS BLOGGING >> Tips Blogging Fatih Syuhud | EndangKusman.Com January 31, 2010 at 3:16 pm |

    [...] Related Posts in Blogger.com (recommended) [...]

  3. Rock
    Rock February 1, 2010 at 11:48 pm | Reply

    Ini yang aku cari mas… thanks

  4. LL
    LL February 1, 2010 at 11:52 pm | Reply

    Dapat ilmu lagi disini… thanks

  5. SCBS Lombok
    SCBS Lombok March 15, 2010 at 3:56 pm | Reply

    Simpel juga caranya membuat related posts. Saat ini saya pakai template yang telah built in related post. Untungnya gratis. Tapi anehnya, sulit keindex google walaw sejak itu pengunjung pageviewnya naik.

  6. ran_wijaya
    ran_wijaya May 19, 2010 at 7:24 am | Reply

    hello, how do you do, first of all I think your tutorial is good but I still confused about this code “” there is 2 code like that, so can u give advice the 1st code or 2nd code could be add the code become “related post”? I need ur help…..

    thanks….

    #if it’s confusing, you may try linkwithin related post instead -> http://www.fatihsyuhud.com/related-posts-widget-for-blogger-blogspot/

    1. Blogger Indonesia
      Blogger Indonesia May 19, 2010 at 1:54 pm | Reply

      This hack is no longer supported by the creator. I suggest you to use the easier one. See here -> http://www.fatihsyuhud.com/related-posts-plugin-in-blogger-blogspot/

  7. Aku Bicara
    Aku Bicara November 29, 2010 at 5:28 pm | Reply

    Mas Fatih, do you use this code for this blog?

Leave a Reply