David G. Johnson

Not sure it will be possible to diagnose this without taking a peek at your real site.

Can you post the URL?

Hi albnaldo,

You sure could — it’s kind-of a design taste question. If you wanted to accomplish that, then you might create a <div> specifically for adsense and float it to the right using CSS.

This would allow you to control margins, padding and other characteristics of your div tag via CSS as well.

Hope this helps!

Hi setshot50,

Yes. What you’re trying to accomplish is doable. In fact, integrating WordPress instead of using an iFrame is the best way to get the content (posts) from WordPress without any styling.

The link I mentioned previously provides great info, but perhaps some additional amplification will help you get going.

First things first: you’re going to want to change that .html file into a .php file.

Then, at the top of the file, you’ll want to include this bit of code before your HTML output starts (even before the <!DOCTYPE> declaration:

<?php
require('/the/path/to/your/wp-blog-header.php');
?>

Obviously you need to change the path there. From what I can see for the page you linked to, it might look like this:

<?php
require('../../../wp-blog-header.php');
?>

This code essentially “calls” WordPress and says “I’m planning to query you on this page.”

Then, once you get to the portion of your page where you’d like the posts to appear, you could use code like this;

// Get the last 3 posts.

<?php
global $post;
$args = array( 'posts_per_page' => 3 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) :	setup_postdata($post); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a><br />
<?php endforeach; ?>

This code (above) is a very, very basic version of what is known in WordPress parlance as “The Loop.” It is highly, highly customizable.

The super-simple version above would pull up the last 3 posts and output them into your page’s html code.

For starters, you could try putting that code into your page after this line: <div class="innercontent">

Everything coming out of WordPress at that point would obey the CSS rules for your “innercontent” ID.

If you wanted the WordPress post titles to have an <h2> tag, then you would modify the above code as follows:

// Get the last 3 posts.

<?php
global $post;
$args = array( 'posts_per_page' => 3 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) :	setup_postdata($post); ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><h2><?php the_title(); ?></h2></a><br />
<?php endforeach; ?>

The options you have are (nearly) endless. You can display an excerpt of your post(s), the entire post content, permalinks to the posts with the titles, only the titles (with or without links), and additional stuff like your category(-ies), tags, author(s), etc.

If you’d like to give this a shot and let me know if you have specific questions about modifications you’d like to make, I’d be glad to provide some additional help.

Hi setshot50,

Using iframes to display content from a WordPress blog could get messy pretty quickly, depending upon what you’re trying to accomplish.

You might consider integrating WordPress into the website using PHP. This page in the codex gives some quick examples and the basic code needed to make calls to WordPress so that it outputs the content into whatever page(s) you’d like to have it appear.

If you take this route, the WordPress posts will be “themed” by the CSS on the site you’re integrating them into. The actual WordPress theme won’t really matter so much.

This is just enough to provoke some thought. If you’d like more help, perhaps you could provide some additional details on exactly what you’re trying to accomplish. A link to what you’re working on might be helpful also.

Cheers!

To have a complete copy of everything, you’ll need to back up both the “files” and the “database” for your WordPress site.

There are a number of ways to accomplish this.

One rather straightforward method is to use a plugin like WP-DB-Backup to turn all of your database content into “files” on your web host.

Then, you can connect to your web host via FTP and copy all of the files to your computer. If you’ve first backed up the database to your files (the plugin I mentioned will place the database backup inside a folder in the ‘wp-content’ folder of your WordPress files), then by downloading all of the files you will effectively be backing up everything: your entire WordPress installation (settings, theme, etc), content (posts, pages, etc) and uploads (images, files, etc.).

One caveat here: the process above makes a true backup of WordPress. It won’t be particularly useful without “restoring” it somewhere (e.g. to another web host). It is possible to set up a local installation of WordPress on your computer, however, if you need to have access to all of this. That’s a bit more advanced, however.

Just as I was about to publish this answer, I re-read your question. It made me realize that there are a few possibilities about how your blog is configured. So let me clarify: my answer (above) assumes that your WordPress blog is actually hosted in your HostGator account. You mention that HostGator is your “website” host. For many of us, that means that your website is built on WordPress. If that’s the case, then this answer will apply.

If, however, your “website” and your WordPress blog are two different things, then we’ll need to know more about how everything is set up.

Do you currently have identical values in Settings > General for “WordPress Address (URL)” and “Site Address (URL)” for this site?