Wrap your IFrame code with a div with an ID

<div id="likebox-frame">
  <iframe style="border: none; overflow: hidden; width: 330px; height: 289px;" src="http://www.facebook.com/plugins/likebox.php?id=<the_id_of_fb_page>&width=330&connections=10&stream=false&header=false&height=280" frameborder="0" scrolling="no" width="320" height="240">
</ifram>
</div>

CSS classes for above Div and IFrame

#likebox-frame{
  width:330px;
  height: 260px;
  overflow: hidden;
  position:relative;
}
#likebox-frame iframe{
  overflow:hidden;
  position:relative;
  left:-5px;
  top:-1px;
}

You can adjust the width and height according the space where you want to place the box. What idea I have used, I have hide the border of like box under the styles of the div. There could be other approaches too. But I clicked on this. It’s simple.

Here is my Facebook page like box.

If you like this post, you can like my Facebook page.

Related posts:

1. How to use Facebook Like count button on WordPress
2. What is the architecture of Facebook?
3. An infographic of Internet in 2020

WordPress.com’s Jetpack published a report of Pakzilla.com blogging for year 2011. Interested facts they are
.

Visitor’s statistics

• Blog was viewed about 140,000 times in 2011.
• In 2011, there were 25 new posts, that made total posts to 154.
• The busiest day of the year was March 1st with 1,114 views. The most popular post that day was An ultimate HTML5 cheatsheet you must have.

Top referring

• itoday.wordpress.com
• dzone.com
• ideaxidea.com
• smashingapps.com
• facebook.com

Visitor’s location

• North America
  83% Unites States
  11% Canada
• South America
  48% Brazil
  14% Argentina
• Africa
  35% Egypt
  18% South Africa
• Asia
  45% India
  12% Malaysia
  8% Pakistan
• Europe
  18% The United Kingdom
  8% Germany
• Oceania
  77.5% Australia
  22% New Zealand

Related posts:

1. Class of 2011: If Social Media Were a High School
2. Easy way to create your WordPress mobile website
3. Google Code Jam is back for year 2009

Reasons I like Bluehost

1. Bluehost provide hosting unlimited domains with unlimited space and bandwidth. So it’s worry free thing. You can bring all your website here. And there is no need to pay for every single.
2. Support. They are awesome in it. I used their live chat support and they were very helpful.
3. No confusion in selecting a plan for you, because they offer only one plan. And making good in it.
4. They have good history in web hosting. If you whois some favorite domains, you will notice Bluehost name servers.
5. I used auto-installer and it works like a charm. Installed WordPress on an addon domain in seconds. (there are other install scripts)

Related posts:

1. Things you should do when changing your WordPress host
2. Seven Wonders of the IT World
3. Configure custom subdomain with Posterous blog

Just couple of hours back I changed the hosting service provider of my this WordPress blog. The former service provider was giving me very low bandwidth and that was consumer in the first twenty days of this month. I have not came across any big hassle in shifting to new servers. But I do experienced some things that I wanted to share.

Always have backup

That’s your all investment. And never underestimate their importance. Always take backups of your contents and your database. At any point of time there could be things when you need them badly and you can not access your FTP/DB server. From now onwards I am also going to make this a habit. It always pays well in future.

Taking backup by phpMyAdmin

When I was taking the backup of my database, I noticed phpMyAdmin does not include the script of create database if not exist in the SQL file. You should create a database with the same name that is mentioned in your wp-config.php file. And need to create the same user too. Associating that user with newly created database is the next part and giving that user the privileges (all). After these steps, you are good to import your this SQL backup file to your new server’s phpMyAdmin

The .htaccess file

Some time for permalink settings we do editting in .htaccess files that usually present in the root directory of your server. (if you are not running mydomain.com/blog strtucture, in this case this file will be in blog directory). Take care of this file too when takeing backup. Some FTP browsers does not show this file. So must ensure to copy this file if your have created or it exists. If you never created this, dont bother.

Prevent hot linking of  images

You can save your bandwidth by preventing the hotlinking of your image files outside of your blog. People usually do this, when they link your image file on their webpages to save their storage. And they start eating your bandwidth. So with some WordPress plugin you can prevent it. I am looking that plugin. I will update this post when I will find some suitable plugin.

Happy blogging.

Related posts:

1. How to solve image upload problem in wordpress blog
2. WordPress app for Nokia is now available
3. Now a days, I am a WordPress advocate :)

You must try this plugin, for best optimization for mobile web browsers.

Download plugin

You can download WordPress Mobile Pack from here.

Related posts:

1. Things you should do when changing your WordPress host
2. Fixing wordpress automatic update problem
3. WordPress app for Nokia is now available