The code usually look like this, where example.com is the URL of your wordpress blog:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="example.com" num_posts="2" width="500"></fb:comments>

The problem with the above code is that all comments made by users will appear on each and every post on your blog making the comment irrelevant on other pages. To solve this, all you have to do is to add the permalink of each of your pages on the generated code.

How to Display Facebook Comment Box on Every Post

To do this, replace the above generated code with this:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="<?php the_permalink(); ?>" num_posts="2" width="500"></fb:comments>

Replacing the URL of your site to href=”<?php the_permalink(); ?>” will solve the above problem and comments on every post should appear on their respected pages.

How To Display Other Blogs Feeds to Your WordPress Blog

1. Open the template file you want to put the other blogs’ feeds. For illustration purposes, we will going to edit the sidebar.php. Our goal is to display the latest n posts of our target blog. In my example, we will going to display the latest 3 posts.
2. To do this, just add the following code anywhere in the sidebar.php where you want to display the feeds, customizing the highlighted text with your own preference :

<h2><?php _e('LifeGuide'); ?></h2>
<?php // Get RSS Feed(s)
include_once(ABSPATH . WPINC . '/rss.php');
$rss = fetch_rss('http://feeds.feedburner.com/EasyLifeGuide');
$maxitems = 3;
$items = array_slice($rss->items, 0, $maxitems);
?>
<ul>
<?php if (empty($items)) echo '<li>No items</li>';
else
foreach ( $items as $item ) : ?>
<li><a href='<?php echo $item['link']; ?>'
title='<?php echo $item['title']; ?>'>
<?php echo $item['title']; ?>
</a></li>
<?php endforeach; ?>
</ul>

3. Apply some CSS customization on the appearance, the above code should look like the image below.

Source(s): WordPress Documentation

Customizing the read more link (the_content)

To customize the read more link for your posts, just edit the corresponding parameter of the function the_content wherever it is called,  usually at loop-index.php of your child theme. Just type the text that you want to use as shown in the example below: <?php the_content( __( 'Continue reading the rest of the article <span>&rarr;</span>', 'twentyten' ) ); ?>

Customizing the read more link (the_excerpt)

Customizing the read more link for your summary pages (the_excerpt) is a little more complicated. Here’s what you need to do:

• Open your child theme’s function.php file
• Add the following functions
• Edit the read more text below on the text that you want to be used.

function after_setup_theme_extend(){    remove_filter( 'excerpt_more', 'twentyten_auto_excerpt_more' );} function new_excerpt_more($more) { return ' [....] <a href="'. get_permalink($post->ID) . '"> Continue reading this article</a> '   ;} add_filter('excerpt_more', 'new_excerpt_more');

That’s it. Your read more text should be customized upon viewing your wordpress site.

more – <!–more–> WordPress tag that breaks a post into “teaser” and content sections. Type a few paragraphs, insert this tag, then compose the rest of your post. On your blog’s home page you’ll see only those first paragraphs with a hyperlink ((more...)), which when followed displays the rest of the post’s content.

Source: WordPress Codex

How to use

1. While writing your post, just click the area where you want to end the excerpted content of your post and click the ‘more’ button on the Quicktag area
   The quicktags are the little buttons found above the editing window in your Administration -> Write -> Post SubPanel. 

   

2. You can now continue with the rest of your post. When viewed on your site’s front page, your entry will now appear as an excerpt of your post up to the ‘more‘ point. Your readers can now continue reading the entire article by clicking the link generated by the ‘more’ tag, pointing to the rest of your post (default).

Link Jumps to Top of Page

By default, clicking the read more link will load the page and jump to the area where you placed the <--more--> tag. But there are some instances that you want to change its default behavior (just like this blog). Here’s How:

NOTE: Applicable in WP 2.1 and higher only. When you upgrade wordpress to a higher version, it is most likely that the file will be overridden so just take note of the changes you had done and apply it to the new version (where applicable).

1. Open the file wp-includes/template-functions-post.php
2. Look for the following code:

$output .= ' <a href="'. get_permalink() . "#more-$id\"
class=\"more-link\">$more_link_text</a>";

3. Change the above code to the following code:

$output .= ' <a href="'. get_permalink() ."\">$more_link_text</a>";

4. The next time you click the ‘read more’ link, it will point and jump to the top of page.

Part 2: Customizing the ‘Read More’ – Designing the Read More Link

Upcoming Post(s):

• Customizing the ‘Read More’ – Adding image to the Read More link