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

By default, the read more tag displays more...

If you want to change the words from more…. to something else, just type in the new words into the tag.

Designing the Read More Link

1. Open your current theme template files that contain the <?php the_content();?> tag. These files are usually the index.php and single.php files located at /<root>/wp-content/themes/<current theme directory>.
2. To change the way your Read More link appears on your front page, lets edit the index.php file. Open the file in any text editor.
3. Look for the call on <?php the_content()?>. The call may contain some customized words already, but since we want to place our own customized words, say ‘Please click here to continue reading’, we will edit the parameter to look something like this:

<?php the_content('Please Click here to continue reading »'); ?>

4. When you load your page, the read more tag will be changed from (more…) to ‘Please click here to continue reading »’





5. If you want to customize the appearance of your read more link, you may edit your CSS file.

That’s it

Part 1: Customizing the ‘Read More’ – Link Jumps to Top of Page

Upcoming Post(s):

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

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