Cara memasang related post di Blogspot atau Blogger

Bloggie, mungkin teman2 pernah melihat tulisan related post di bawah artikel yang ellu baca. Sebenarnya apa sih related post itu dan apa fungsinya?

Related post adalah judul-judul artikel yang berhubungan dengan artikel yang sedang teman2 baca. Keuntungan bila teman2 memasang widget related post adalah dapat menambah angka visitor Anda. Karena pengunjung akan terpancing untuk membaca artikel-artikel lain yang berhubungan dengan yang dia baca. Dan secara otomatis page rank blog atau website sahabat juga akan meningkat.

Berikut cara memacang widget related post di blog sahabat…

Check it oit!!!

1. Masuk ke dalam Layout » Edit HTML, di Blogger Dasboard.

2. Sebaiknya teman2 back up dulu template yang sedang teman2 pakai. Klik cara

mem-back up template jika teman2 belum tahu caranya.

3. Pastikan teman2 telah mencentang tulisan Expand Template Widget.

4. Carilah tag <head> di dalam kotak HTML.

5. Copas (copy-paste) kode berikut sebelum tag <head> tadi.

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(“http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&#8221;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src=’http://theblogtemplates.com/scripts/Related_posts_hack.js&#8217; type=’text/javascript’/>

6. Berikutnya, carilah tag <data:post.body/> dalam beberapa template mungkin menggunakan kode <div class=’post-body> atau <data:post.body/>

7. Copas (copy-paste) kode html di bawah ini tepat di bawah kode no 6 tadi.

7. Sekarang Save Your Template.

8. Selesai dan lihat perubahan blog teman2…

Semoga bermanfaat dan terima kasih komentar teman2

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s