How to add banners above or below all posts or pages

To add banners above or below all your posts or pages, you need to add the banner code inside the single.php or page.php files of your WordPress themes. Both files have similar content but they handle different parts of your site - your posts (single.php) and your pages (page.php). You can edit those files by single.php, page.php or you can also edit these files by logging to your WordPress admin area and going to Appearance -> Editor.

If you want to add the banner above your posts and pages, locate the following code:

<?php

 // Start the Loop.

 while ( have_posts() ) : the_post();?>

Right after it add the code of your banner. This will add your banner above the all of your page and post titles. Of course, you can add CSS styling in order to make it look according to your needs.like this:

<div class="entry-content"><a href="<?php echo site_url(); ?>/wp-content/uploads/2014/12/cropped-Precious-Pets-1038x239.gif"><img src="<?php echo site_url(); ?>/wp-content/uploads/2014/12/cropped-Precious-Pets-1038x239.gif"/></a></div>