Showing posts with label WordPress. Show all posts
Showing posts with label WordPress. Show all posts
10 Jun 2012

How to change fluid width wordpress theme to fixed theme?



wordpress theme designFrom last five years, I had been using fluid widthtemplates on my websites. Recently, I decided to change my fluid width Wordpress theme to fixed theme. Majority of web designers prefer fixed layouts to fluid ones because they give the assurance that what the designer sees, the user sees. Fixed templates are also easier to edit and customize in terms of design. Since widths are the same for every browser, so you can set some fixed standards for images, website forms, video and other content. The length of the web pages stays constant no matter how wide the viewer’s browser window is. I have fixed my website on the assumption that today, majority of Internet users have a screen resolution of 1024×768 or higher.
Let’s see how to change fluid width wordpress theme to fixed theme. It is very simple and involves two straightforward steps.
Just create a div called, say “boxer”, and add this to style.css:
#boxer {
margin: 0 auto;
width: 960px;
}
Add <div id=”boxer”> just after <body> in your header.php and </div> just before </body> in your footer.php
I will recommend 960px,if you want to optimize your website for 1024×768 screen resolution as it’s slightly smaller than full width, and it’s divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16 and also 960-pixel-wide layout is the most popular, and most standard, fixed width layout on internet and is not going to decline soon.
Incoming Search:
change fluid width wordpress theme to fixed theme, wordpress theme to fixed theme, fluid wordpress theme to fixed theme
7 Jun 2012

How to Install WordPress on your Computer In 5 Minutes


You don’t have to be a geek to install WordPress on your own computer because the process is as simple as installing any other native Windows Application (e.g. Microsoft Office).
install wordpress on windowsBefore we get into the actual installation process, let’s look at some reasons why you may want to install a copy of WordPress on your local computer:
#1. You have to buy a web domain and space on a web server to host your WordPress software online. These are however not required if you decide to run WordPress in a local environment.
#2. Even if you have a website and web hosting space, you may still want to run a copy of WordPress on the local computer as it will help you test out new WordPress themes, plug-ins and other tweaks much faster.
#3. Most WordPress hosts offer Linux based servers but with WordPress installed locally, you can try out the features of this powerful blogging software in a more familiar Windows environment.

How to Setup WordPress on your Computer

Though it takes only a couple of easy steps to install the main WordPress software, it can be a bit tricky to install the different services that are required to run WordPress – these include PHP and MySQL. And then you have to manually edit a few files in order to get everything to work.
Luckily, there’s a much simpler solution in town. You can use Microsoft’s Web Platform Installer and, with a few clicks, you will be running a full WordPress install on your computer without doing any complex stuff.
Microsoft Web Platform Installer is a free product designed to make it easy for you to develop and run websites on your Windows PC. It provides a simple wizard where you select the software that you wish to run on your computer, and the installer will automatically select the other programs that are necessary to run to software you just selected (in our case, WordPress). The installer is web-based and it will only download the stuff that you want.
Web Installer Choose Blogs - WordPress Installer - WordPress
To install WordPress, run the Web Platform Installer, click the “Web Applications” tab on the left side, and then select the “Blogs” tab underneath it. The entries are listed by default in alphabetical order, so you can scroll down to the bottom to find WordPress.
Once you have selected WordPress, click “Install” at the bottom of the window, and all the other tools needed by WordPress such as PHP and MySQL will be automatically added to the install list.
Once the basic installation is done, you will be asked for specific information about your website. On the first screen, you may simply leave the default values, or if you have specific needs then you can change then as your needs require. On the second screen, you will be asked to enter passwords for the database administrator and the WordPress database.
Add password for MySQL Installing WordPress Enter Website Information
Enter Application-Database Information Finish installation of your web applications Installation finished
You also be asked to enter passphrases to make your passwords more secure, though you don’t have to. The default options, again, are usually correct, but you can change them if you would like. Click “Continue,” and the Web Platform will finish the instillation.

Create a New WordPress Blog on your Computer

When everything is installed, you can click the link at the top that says “Launch WordPress,” and your fresh WordPress install will open in the default browser.
Wordpress - first screen Wordpress username and password Wordpress - login screen
Now enter a name and password for your website, and click the “Install WordPress” button. WordPress will assign a new username (admin) and random password to you – copy this password to the clipboard and then click “Log in.” Enter your username (which is admin by default) and the random password from the clipboard, and log in. WordPress will show you a reminder to change the default admin password, and you’re done!
Wordpress Dashboard at first login - change password
You can now free to tweak WordPress as much as you like. To access your local WordPress site in the future, simply enter “http://localhost/wordpress/wp-login.php” in the address bar of your favorite web browser.
So long to the days of installing numerous services and configuring complicated files to install WordPress. Now WordPress is almost as easy to install as Microsoft Office! And if it wasn’t for the download time, it just might be a true 5 minute install!
Incoming Search:
 how you can install WordPress on your local computer in 5 minutes using the free Web Installer from Microsoft. You don’t have to be a geek and the process of installing WordPress is as simple as installing another Windows application,wordpress, install wordpress in 5 minutes, how to install wordpress, wordpress installation process, how to install word press

24 May 2012

How to Migrate your Blog from Blogger to WordPress ?




move from blogger to wordpressThe Goal: Your current blog at abc.blogspot.com is hosted on the Blogger platform but you now want to move this blog from Blogger to WordPress (self-hosted) with a personal domain name (say abc.com).
The Problem: WordPress.org provides an easy option to automatically import all your old blog posts and reader comments from Blogger into your new WordPress blog but there are still some bigger problems that are hard to ignore:
1. Some of your previous articles on the blogspot blog could be ranking very high in search engines for certain keywords but once you shift these articles to a new address, you might lose all that organic search traffic.
2. You cannot use a 301 redirect with Blogger to inform search engines that your site has permanently moved a new web address thus losing PageRank and other Google Juice.
3. Not just search bots, human beings who come to read your old articles via links from other sites won’t know about the new location of those articles unless you manually insert the new links in each and every blogspot article (impossible for large blogs).
4. When you switch blogging platforms, existing blog readers who are subscribed to your Blogger RSS Feed may be lost forever if they don’t manually update their RSS readers with your new WordPress feed address (and most won’t).
5. When you lose RSS subscribers and search engines rankings, the pageviews will drop and that will seriously impact your AdSense revenue in case you are running Google ads.
The Solution: Now that you are aware of the various issues associated with moving sites from Blogger to WordPress, the very good news is that there exists a simple solution to deal with all these problems in one go.
You can quickly and safely migrate any blog from Blogger to WordPress without losing RSS Subscribers or human visitors and there’s also a way to pass all that Google Juice from the old blogspot.com address to your new WordPress blog.

How to Move a Blog from Blogger to WordPress

Important: Before you implement anything, it may be a good idea to run through these steps on a dummy blog first. Also, backup your Blogger blog including the XML template, posts and comments just to be the safe side.
If something doesn’t make sense, just watch the screencast video below (download).
Step 1: In case you haven’t done this already – register a new web domain, buy server space from some web hosting company* that offers PHP / MySQL hosting and and install WordPress software on your new domain.
*This site is hosted on Dreamhost.com but there are other good hosting options like GoDaddy, Blue Host, Media Temple and Knowhost – most services offer one-click WordPress installation so you don’t need the help of a geek.
Step 2: Go to your WordPress Admin Dashboard -> Tools -> Import and select the Blogger option. Authorize WordPress to access your Google Account and within minutes, all your old blog posts and comments will be available on the new WordPress site.
Step 3: Copy this file into your WordPress themes directory and then rename the file from blogger.php.txt to blogger.php. You may use either Putty with wget or Web FTP to access your WordPress themes directory located on the web server. For credentials and other details, check your cPanel.
Here are the contents of that file.
<?php
 /*
  Template Name: blogger
 */

 global $wpdb;
 $old_url = $_GET['q'];

 if ($old_url != "") {
   $permalink = explode("blogspot.com", $old_url);

   $q = "SELECT guid FROM $wpdb->posts LEFT JOIN $wpdb->postmeta ".
        "ON ($wpdb->posts.ID = $wpdb->postmeta.post_id) WHERE ".
        "$wpdb->postmeta.meta_key='blogger_permalink' AND ".
        "$wpdb->postmeta.meta_value='$permalink[1]'";

  $new_url = $wpdb->get_var($q)? $wpdb->get_var($q) : "/";

  header ("HTTP/1.1 301 Moved Permanently");
  header("Location: $new_url");
 }
?>
Step 4. Open your WordPress dashboard and go to Pages -> Add New Page. Keep the title and URL of that page as blogger and select “blogger” from the Template drop-down. Save. There’s no need to add any content to this page.
Step 5. Open the template generator, type the full address of your new WordPress blog (including http:// and the trailing slash) and this tool will create a new classic template for your blogspot blog that will look something like this.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="<$BlogLanguageDirection$>">
<head>
<title><$BlogPageTitle$></title>
<script type="text/javascript">
 <MainOrArchivePage>window.location.href='http://labnol.org/'</MainOrArchivePage>
 <Blogger><ItemPage>
   window.location.href='http://labnol.org/blogger/?q=<$BlogItemPermalinkURL$>'
 </ItemPage></Blogger>
</script>

<MainPage><link rel="canonical" href="http://labnol.org/" /></MainPage>
<Blogger><ItemPage>
 <link rel="canonical" href="http://labnol.org/blogger/?q=<$BlogItemPermalinkURL$>" />
</ItemPage></Blogger>
</head><body>

<div style="border:#ccc 1px solid; background:#eee; padding:20px; margin:80px;">
<p>This page has moved to a new address.</p>

<h1>
<MainOrArchivePage><a href="http://labnol.org"><$BlogTitle$></a></MainOrArchivePage>
<Blogger><ItemPage>
 <a href="http://labnol.org/blogger/?q=<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a>
</ItemPage></Blogger>
</h1>
</div>
</body></html>

<!-- replace labnol.org with your WordPress site URL --->
Step 6. Open your Blogger Dashboard -> Layout -> Edit HTML and choose “Revert to Classic Blog”. Copy-paste the template generated in Step 5 in the “Edit Template” area and click “Save Template Changes”.
Your are done. Open any page on your old Blogger blog and it should redirect you to the corresponding WordPress page. On the WordPress side, since we are using a permanent 301 redirect with the redirection URLs, all the Google Juice will probably pass to your new WordPress pages with time.
Update your RSS Feed: When you move from Blogger to WordPress, the address of your RSS feed will change as well. Go to Blogger -> Settings -> Site Feed, type the address of your new WordPress RSS feed here and Google Reader, Bloglines, etc. will automatically move to your new feed. Check this FeedBurner FAQ for some more ideas.
Now that your new WordPress site is up and running with all the old Blogger posts, here are afew important things you should do:
1. Add your new WordPress site to Google Webmaster, verify ownership and and submit a Sitemap listing the URLs on your new site.
2. When you migrate from Blogger to WordPress, all your pictures and screenshot images hosted on Blogger / Picasa Web Albums will not get imported into WordPress. Therefore never delete your old blogger blog as it will break images that are now embedded in your WordPress posts.
3. Once the search bots and human beings start flocking to your new site,  you may update the homepage of your blogspot blog with links to some of your best posts.
4. To know how Googlebot will view your existing Blogspot blog, just turn off JavaScript in the browser and try visiting any of your old blog pages. It’s a single link under H1 that points to your new address that internally does a 301 redirect.


Incoming Search:
how to migrate from Blogger to WordPress, move from Blogger to WordPress, Blogger to WordPress, migrate from Blogger to WordPress, migrate blogger to wordpress, redirect from blogger to wordpress, how to redirect blog to wordpress

 
© Copyright 2010-2011 Tech Google All Rights Reserved.