Related Posts in Blogger Blogspot

Posted on May 3, 2009 



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


Filed Under Blogger Indonesia   Tags: blogger hacks, blogger tutorial, blogspot tutorial, related post


Subscribe Blogger Indonesia by Email through Feedburner or Feedblitz newsletter!!







Comments










RSS feed | Trackback URI

What Do You Think?

34 Comments »

Comment by Arya
2009-05-03 14:27:18

It’s nice post to share mas. Btw, is this relate post to our posting at our blog, or with another blog that have related with our post? Because I have ever used link launder in order to make a related post with another blogs, but it’s still doesn’t work proper at all? Thanks.

#related posts within our blog posts

 
Comment by Stoond
2009-05-04 00:34:13

love to mas fatih!!!

 
Comment by Another Blogger
2009-05-04 01:49:52

Makasih postingannya. Yang saya mau tanya, ini related post dengan postingan kita yang sebelumnya khan??? Dan akan muncul secara otomatis apa gimana???
Thanks

 
Comment by Eky Dakka
2009-05-04 03:17:48

Lumayan tambah ilmu. Thanks

 
Comment by maryam
2009-05-04 08:05:40

Thanks…mas fatih..you have same template with me.
Come to my blog yach mas.
http://badru-zaman.blogspot.com

 
Comment by bit28
2009-05-04 08:53:11

Salam mas,
related posts ini untuk menampilkan post lain sesuai label, sepertinya bisa nampilin 10 post.

Salut untuk mas Fatih, bikin tutorial tetapi tidak mau menaruh link keblog ini, biasanya blog tutorial bikin widget terus kasih link ke blognya.

thanks.

 
2009-05-04 21:03:24

thanks infonya mas. saya selama ini agak bingung cara bikin relet post di blogspot. kalau di wordpress khan tinggal pasang plugin beres, tapi kalau blogspot sepertinya pertu pengetahuan teknis yang mendalam tentang hack html.

tapi menyenangkan , di blogspot, ngeblog jadi lebih FuNN !

 
Comment by Heryan Tony
2009-05-05 13:10:38

Nice post

 
Comment by Blogger Senayan
2009-05-07 00:20:14

wah asyik nich, thanks ya

 
Comment by herman
2009-05-07 14:09:38

great. i will try later. thanks

 
Comment by sparrow
2009-05-15 05:30:40

thanks for the script

 
Comment by Review Squad
2009-05-21 15:35:09

nice tuts. it’s work… thanks…

 
Comment by KeHoeff
2009-05-28 20:14:14

hey this is a very interesting article!

 
Comment by CELL PHONE NEWEST
2009-06-10 05:40:32

Terimakasih, dalam 2 langkah sudah jadi post yang berkaitan dengan label ini.

 
Comment by Nana Podungge
2009-06-19 02:52:36

Great! I will apply it in my blog later on. :)

 
Comment by tukang
2009-06-26 02:26:30

Thanks that good tutorial. I was use it. Now my blog use related posts. (sory bahas inggris saya masih kacau, ini lagi belajar..he he he)

 
Comment by Wiji
2009-06-29 05:45:14

mas Fatih,
Related Post disini maksudnya berkaitan judul posting atau content yg ada di posting tsb ?

 
Comment by elkonet
2009-07-08 21:11:51

mantap…

 
Comment by kumpulin
2009-07-11 14:38:15

wah,, makasih tutornya om..
salam

 
Comment by gojeg
2009-07-14 15:55:25

Matur nuwun om.. Simpel dan berjalan dengan baik..

 
Comment by AnisBlog
2009-07-15 12:38:26

I have this related post in my blog.I hope it make the visitor stay longger

 
Comment by Samudera Gema P
2009-08-14 07:49:37

Wah saya udah berhasil coba, makasih yah..

keep posting.

 
Comment by blog buat bloggers
2009-10-20 17:55:37

Terimakasih banyak tutorilnya mas fatih

 
Comment by blog buat bloggers
2009-10-20 18:01:17

Terimakasih banyak tutorilnya mas fatih, saya banyak belajar dan banya coment di blog mas fatih, hehe…

 
Comment by Miyabi
2009-10-27 13:42:52

My template different :(

 
2009-11-28 13:39:54

Hajaaah…disini commentnya lebih rame

 
2010-01-25 14:18:07

Langsung saya coba ni. . . .m0ga berhasiL

PUSAT SEGALA TIPS DAN TRICK

 
Comment by Rock
2010-02-01 23:48:42

Ini yang aku cari mas… thanks

 
Comment by LL
2010-02-01 23:52:57

Dapat ilmu lagi disini… thanks

 
Your Name: (required)
Your E-mail: (required - never shown publicly)
Website:
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.
Comments are welcome in the following languages: English, Arabic, Bahasa Indonesia, Boso Jowo and Cak Madureh. A link within a comment will make it automatically moderated.

Blog Responses to this post: