Fluther's Q&A service gets IM support

Users of the eclectic questions and answers service Fluther have a new way to post questions and keep an eye on answers. Early Wednesday the company rolled out support for instant messaging through the use of an IM bot. By messaging the Flutherbot, your question will get posted immediately with any replies getting sent back as both instant messages and to whatever e-mail address you specify.

The service is limited to AOL IM users for the time being, although Fluther founder Ben Finkel tells me bots for other protocols are on the way in the next couple of weeks.

When I first heard about this I was a little worried that some of the protective filters that keep truly dumb questions from making it on the site had effectively been lifted. The site still relies heavily on user moderation to weed out the chaff, but to me the idea of someone simply being able to fire off an IM to post a question seemed like a potential pitfall.

The good news is that users need to jump through a couple of hoops before a question will show up on the front page. For instance, you have to type out the subject, description, and tags as separate IM messages before again verifying that you want to post the question. It's not as easy as simply sending a stray IM to the bot and having it go live to the site. Nor is it hard enough to make you want to visit the site to do the asking.

Finkel also tells me that "users without sufficient 'lurve' points [Fluther's karma system] will have their questions go to a pending area when asked from IM, where our moderators can approve them. We'll keep playing with these rules and tweaking them as necessary. Since quality is paramount to us, so we're going to be vigilant in ensuring this new feature doesn't lower it."

Questions asked through the IM bot get a special IM tag, just like those sent through the site's iPhone portal. There is, however no way to sort through these short of using the search feature in your browser.

I continue to be impressed by Fluther. Admittedly I use it rarely over simply typing my question into Google, but some of its flourishes like showing you who is answering your question in real time, and clumping together related questions makes it a site both a resource and a source of entertainment.

Asking Fluther.com a question can now be done in your favorite IM client.

(Credit: CNET networks)
via:http://news.cnet.com/8301-17939_109-10125728-2.html?tag=mncol;title

Yahoo shows ads in IM chat windows

| 0 comments

Yahoo IM ad

Yahoo has begun showing advertisements within instant messenger chat windows.

(Credit: CNET News)

Updated 4 p.m. PST with further Yahoo comment.

Yahoo Messenger (Windows | Mac) long has shown ads on its buddy list window, but the Internet pioneer is testing them in the instant-messaging chat windows as well.

The ads are part of a test that began in August and ends in December, Yahoo said in a statement. One example we saw here at CNET shows an ad for MasterCard.

"Ads in Yahoo Messenger will allow us to put even more resources behind developing and delivering valuable free features and services," Yahoo said. "Yahoo Messenger is a free service to our users, and our goal is to provide a useful and relevant experience while ensuring this is a profitable business for Yahoo. Yahoo is inherently an advertising-driven business."

The company wouldn't comment yet on what happens after the test is finished. "Plans will be made when the testing is concluded," the company said.

Yahoo laid off 1,520 employees last week and is in the midst of a review of all its business units to see which should be preserved. The company is under fierce financial pressure that only got worse with the recession and increasingly gloomy forecasts for online advertising.

Google shows ads in Gmail that are selected on the basis of e-mail content, but the Yahoo IM ads aren't selected on the basis of context, Yahoo said.

"The ad shows at most once per day per user and scrolls away" as an IM conversation continues, Yahoo said. "Right now the ads are being tested in versions of Yahoo Messenger 7.0 and above."

Google refines search results on iPhone

| 0 comments

Safari's built-in search box now shows iPhone-optimized search results for Google.

Safari's built-in search box now shows iPhone-optimized search results for Google.

(Credit: Google)

After revamping the iPhone's presentation of Google search results last month, the Internet giant has spread the change more broadly on the Apple device.

Previously, the new Google search results were available only when people typed Google.com into the phone's browser, then performed the search. Now the results also appear when using Safari's built-in search box, which, given that it's one fewer slow-loading page away from results, is how I use the service.

Google announced the change on its Google Mobile blog. The new results also appear on the T-Mobile G1, which uses Google's Android operating system. In addition to being better-suited to the devices' screen size, the mobile-formatted pages load more quickly, Google said.

iPhone customers can change their default search provider to Yahoo, if desired.

(Via Search Engine Watch.)

Flash Mp3 Player Generator

| 0 comments


- Flash Mp3 Player Generator
Introducing the newest and slickest way to have a playlist on your profile, the POQbum.com Flash Mp3 player. You can choose from 6 different styles of players, and from over 200 player skins! There are so many options in this generator, and its so easy to use! And, if you register, then you can save your playlist and edit it in the future!
You may prefer our old Flash MP3 Generator, it can still be found here. Click

http://www.tunebum.com/

How to Setup a Dedicated Web Server for Free

| 0 comments


Setting Up a Dedicated Web Server

How to Setup a Dedicated Web Server for Free

Dec 4th in News, PHP by Alex Villmann

All great websites have a great server behind them. In this tutorial, I'll show you how to set up a dedicated web server (with Apache, MySQL, and PHP) using that old computer you have lying around the house and some free software.

Author: Alex Villmann

I'm Alex Villmann, a web developer/designer from Oregon. I mostly design websites, but I can sometimes be caught tinkering with web servers and optimizing MySQL databases. I'm always happy to provide help with PHP, MySQL, and other related web technologies.

A Quick Overview

In this tutorial, we are aiming to accomplish several things:

  • We're going to install the Ubuntu Server operating system. I commonly use Ubuntu because of its ease of use and simple administration. It also has a rather large and extremely active community behind it, which makes getting support a breeze.
  • We're going to install an OpenSSH server. This allows you to administer your server from remote computers.
  • A LAMP (Linux, Apache, MySQL, and PHP) stack is going to be installed. This provides the backbone that will run your web site. Apache is the industry standard web server on Unix-based operating systems; it's what most web hosts use (NETTUTS is using it right now!) and it's what we're going to use.
  • We're going to install a firewall to protect your server from unauthorized access.
In order to follow this tutorial, you're going to need a few items:
  • A computer to use as your server. It doesn't need to be powerful; as long as it's not ancient, it'll work fine. Please don't do this on your desktop PC; Ubuntu will completely wipe your computer.
  • A CD burner and a blank CD. These are so that you can burn Ubuntu to a disk in order to install it.
  • Time. Seriously, this process is time-consuming, especially if you run into problems. Try to set aside an afternoon to follow this tutorial.
You may be asking why you'd want to have your own web server. There are several reasons, a few of them being: you can have your own testing ground for your websites; with a little modification, you could host your own site; and, you will learn a lot about Linux/Unix as you go. With that said, let's get started!

Download Ubuntu Server

First and foremost, we're going to need a CD with Ubuntu on it. Point your web browser tohttp://www.ubuntu.com/, and click download from the menu to the left. You will now be presented with a box with two tabs: "Desktop Edition" and "Server Edition". Click the "Server Edition" tab, and select "Ubuntu 8.04 LTS". Next, select a download location from the drop-down box. Finally, hit the "Begin Download" button.

Now you need to burn the ISO (the file that you downloaded) to a blank CD. If you don't know how to do this, there is an excellent guide at https://help.ubuntu.com/community/BurningIsoHowto

Install Ubuntu Server

Now that you've downloaded and burned the ISO, let's get Ubuntu installed on your server. Put the disk in the drive, and boot from the CD. In most modern computers, this will happen by default if a disk is in the drive when you turn it on. If it doesn't, then you need to press a key on your keyboard right when you turn it on. For my laptop, it's F12, and for my server, it's F2. It just depends on your computer. You can find it by looking at the text on your screen right when you turn the computer on, during the BIOS. You'll see something like "Press [KEY] to change boot order". Press that key, and select your CD drive.

Still with me? Good. Now that you've booted up Ubuntu, you should see the following screen:

Select your language, and hit enter. Now you'll see this screen:

Select "Install Ubuntu Server", and away we go!

The installer will now ask you if you want it to detect your keyboard layout. Personally, I always choose no, because it's faster to select a standard american keyboard from the list than to have the installer detect it. Either option is fine, just follow the on-screen instructions.

After you've done that, you'll now see a bunch of loading screens saying things like "Detecting CD-ROM drives" and such. These should pass quickly and without problems. However, during these screens, the installer will try to auto-configure your network settings. For most cases, this will work without complaint. However, if it doesn't work for you, just follow the on-screen instructions to get it working.

After it's done with all of that, it will ask you for a host name. You can usually set this to anything; I always set mine to "web-server".

The system will now want you to set the time zone for your clock. For me, it's Pacific. Choose the one that applies to you.

Now, the system will detect more hardware, and you'll be prompted to "partion the disk(s)". Select "Guided - use entire disk".

You will now need to select the disk you wish to partition. For most setups, only one disk will be available; however, for more specialized systems, more options will be available here. Choose the one that applies to you.

It will ask you if you want to write the changes to the disk. Select "Yes" and hit enter. The installer will now proceed to format the drive and set up the partitions.

Now the magic happens. The system will begin to install. While this happens, go get a cup of coffee. This can take anywhere from 10 minutes to an hour. It just depends on your system. There might be times that it seems like it's frozen; don't worry, it isn't. Just let it do it's thing. However, if it's stuck on one thing for upwards of an hour, then yes, it is frozen.

Now that the system is installed, it needs to set up the account you are going to login with. First, give it your full name and hit "Continue".

Now give it your username. It will normally just set it as your first name, but you can change it. One name you may not use is "root".

You will now be asked to provide a password. It is ESSENTIAL that you choose a strong password, or your server will not be secure at all. I recommend at LEAST a mixture of numbers, lowercase letters, and uppercase letters. However, for my servers I use symbols, as well as a mixture of the above. DO NOT use a password shorter than 7 characters.

Then, re-enter your password to verify that you typed it correctly.

The system will now attempt to configure the "Package Manager" (we'll get to what that is shortly). Provide it with your proxy information, or leave it blank if you don't use a proxy, and select "Continue".

The system will now scan several servers looking for updates and configuration settings.

After that has completed, you will be presented with several options to install server software. Now, listen VERY carefully. Select OpenSSH server, and press SPACE, NOT ENTER. If you hit enter, the install will proceed without installing the OpenSSH server. You could install "LAMP server" as well, but I have no experience with this option, so we're going to install it all with a different command later on.

The system will now install your selected software, as well as other system components.

Finally, the install will finish. Remove the CD, and hit enter. The computer will reboot. If all goes well, you will be presented with a screen that looks similar to the following:

Congratulations! You've just finished the hardest part. Ubuntu is now installed, and it is time to turn this computer into a web server.

Update Your New Server

Before we go any further, we need to make sure your server is up-to-date. To do this, you need to login. First, type your username (the one you chose earlier), press enter, and then type your password. As you're typing your password, you'll notice that nothing seems to be happening. Don't worry, that's the way it was designed to work. After you've finished typing your password, hit enter, and your screen should look similar to the one below if all went well:

Now, type:

sudo aptitude update && sudo aptitude dist-upgrade

It will ask you for you password, and again, you won't see anything as you're typing it. After you've done that, it will ask you if you want to continue. Type "y" and press enter. Your screen will look similar to the following:

Your system will now download and install all the latest updates. This will take a while depending on your internet connection. After it has finished, your computer will need to be rebooted. To do this, type:

sudo shutdown -r now

And let it reboot. Your server is now completely updated.

A Quick Note About "Sudo"

By now, you may have noticed that all of the commands you have typed have started with "sudo". This is because they require administrator privileges, and that's what "sudo" does. It runs the command (i.e. "shutdown") as an administrator, allowing it to work properly. This is also why it asks you for your password. However, after you have typed "sudo" once and entered your password, you do not have to enter your password again for five minutes. Not all commands require sudo, only ones that modify parts of the system. Got all of that? Good.

Install Apache, MySQL, and PHP

It is now time to install some programs. In order to access your sites from the internet, we're going to need to install a web server (Apache). In additon to the web server, we'll also want a database server (MySQL) and a server-side language (PHP) so that we can run popular applications such as WordPress. So, let's get to it!

Installing programs on Ubuntu is a lot different than installing programs on Windows or OS X, in that Ubuntu will download and install the programs for you with a simple command. This is because Ubuntu has something called a Package Manager, which manages nearly all the programs on your system. All we have to do is tell the package manager (called "aptitude") that we want it to install Apache, MySQL, and PHP. To do this, type the following command:

sudo aptitude install apache2 php5-mysql libapache2-mod-php5 mysql-server

And press enter. Aptitude will download and install of the programs you specified. It will also download and install any dependencies.

During the install process, MySQL will ask you for a root password. You can set this to anything, just be sure you make it long and secure. Whatever you do, DO NOT leave this blank.

After that has all finished, you now have a fully working web server. To test it out, first find your server's IP by typing:

ifconfig | grep inet

It's usually the first IP returned. In my case, it's 192.168.177.129. Now that you know the IP, open your web browser and point it to your server IP. If you see the "It works!" message, then congratulations, it works.

However, we're not done yet. We don't want Apache or PHP to disclose any information about themselves, as this information is not needed by your users and could pose a security risk. First, back up the original Apache configuration file:

sudo cp /etc/apache2/apache2.conf /etc/apache2/apache2.conf.bak

Now open the configuration file:

sudo nano /etc/apache2/apache2.conf

Scroll down (down arrow) to where it says "ServerTokens Full" and change it to read "ServerTokens Prod"

Now, scroll down a little further and change "ServerSignature On" to "ServerSignature Off"

Finally, press Control-O followed by Control-X. That will save the file and exit the text editor.

Now, we need to do the same thing for PHP. First, back up the original PHP configuration file:

sudo cp /etc/php5/apache2/php.ini /etc/php5/apache2/php.ini.bak

Open the configuration file:

sudo nano /etc/php5/apache2/php.ini

Change "expose_php = On" to "expose_php = Off"

Again, press Control-O followed by Control-X. Now that the configuration files are updated, restart Apache:

sudo /etc/init.d/apache2 restart

You are done setting up Apache, MySQL, and PHP.

Install a Firewall

We now are going to lock down our server a bit more by installing Shorewall, a command-line firewall. To install it:

sudo aptitude install shorewall

By default, Shorewall is installed with no rules, allowing complete access. However, this is not the behavior we want. Instead, we're going to block all connections to anything other than port 80 (HTTP) and port 22 (SSH). First, copy the configuration files to the Shorewall directory:

sudo cp /usr/share/doc/shorewall-common/examples/one-interface/* /etc/shorewall/

Now, open the "rules" file:

sudo nano /etc/shorewall/rules

Add these lines above where it says "#LAST LINE"

HTTP/ACCEPT net  $FW
SSH/ACCEPT net $FW

Then press Control-O and Control-X. Your firewall is now configured to only accept HTTP and SSH traffic. The last thing we need to do is tell Shorewall to start on boot. So, open up the main Shorewall configuration file:

sudo nano /etc/shorewall/shorewall.conf

Scroll down to "STARTUP_ENABLED=No" and set it to "STARTUP_ENABLED=Yes"

Press Control-O and Control-X. Now, open the Shorewall default configuration file:

sudo nano /etc/default/shorewall

And change "startup=0" to "startup=1". Press Control-O and Control-X. Finally, start your firewall:

sudo /etc/init.d/shorewall start

Congratulations! Your firewall is now set up and protecting your server.

Add Your Website to Your Web Server

Now that you've got everything all set up, you'd probably like to add a website to it. By default, all of the files Apache serves up to the internet are located at "/var/www/". However, you cannot write to this folder. Let's make it so you can:

sudo usermod -g www-data [YOUR USERNAME]
sudo chown -R www-data:www-data /var/www
sudo chmod -R 775 /var/www

What happened there was you added yourself to the "www-data" group, and made the website folder writable to the members of the "www-data" group.

Now, you're going to log into your server using SFTP (not to be confused with FTPS). Some clients that support SFTP are: WinSCP (Windows, Free), FileZilla (Windows, Linux, OS X, Free), Cyberduck (OS X, Free), and, my personal favorite, Transmit (OS X, $30)

Connect to your server using your username and password, and, if your client supports it, a default path of "/var/www" (if it doesn't, simply browse to /var/www once you have logged in): (Transmit pictured)

You may now add your files to this folder (/var/www) and they will show up on your server when you browse to it with your web browser.

Now, you may wonder why we're using SFTP instead of FTP. Mainly, because SFTP is already built into OpenSSH (which you installed earlier). However, it is also a lot more secure than FTP, and makes it difficult (if not impossible) for malicious users to gain access to your login credentials.

Make Your Server Accesible to the Internet

Most modern home networks are behind a router these days. Because of this, your web server will not be visible to the internet without a little work. As I don't have every router available to test with, I can only give you general directions in this area.

There are two ways to open your server up to the internet: a DMZ or Port Forwarding. The main difference you'll notice is that with a DMZ, your server uses the firewall we installed earlier to protect itself. However, with Port Forwarding, your server will be protected by your router's firewall.

However, before we go on, you're going to want to give your server a static LAN address. To do that, login to your router, and look for something along the lines of "Static IPs" or "Static Routing". After you have given your server a static LAN address, you can do these next parts. Remember, Google is your friend.

To port foward, there is an excellent website, PortForward.com, that, while ugly, can help you get the job done for almost any router. The ports that you want to forward are 22 and 80.

To create a DMZ, you need to login to your router and look for something like "DMZ settings". Once you find it, add your server to the DMZ, and you'll be set. Again, Google is helpful in situations like this.

Now, find your public IP, and voila! You can access your server from anywhere as long as your IP doesn't change.

Managing Your Server Remotely

Beside allowing you to upload files, OpenSSH allows you to login to your server from anywhere as long as you know it's IP. For Windows, you'll need an SSH client. I recommend Putty. For OS X, SSH is already installed. Simply open up Terminal, and type "ssh you@yourip". For Putty, choose SSH, and put in your IP, username, and password when it asks for it. You'll notice that, once you login, it looks exactly the same as the screen on the server:

You can do anything from here that you would do actually sitting at the server. To logout from the server, simply type "exit" and hit enter.

via:http://nettuts.com/articles/news/how-to-setup-a-dedicated-web-server-for-free/

The Cloud Player - Powered by SoundCloud API

| 0 comments

Well, I haven't seen those kind of players for a while, but it's worth a try. The new online Cloud Player is based on SoundCloud API and have a silky look. It allows users to find an play all of the public tracks from the SoundCloud service. In addition, users can also add information to their playlist, and make them collaborative so other people could add their own picks.



Sign-in is surprisingly via your Google Account and not through your SoundCloud account. But I guess this is a good news for people who don't have SoundCloud account, and still want to listen to 

via:GOWweb20.net

Clone2go DVD Ripper

| 0 comments

  • Clone2go DVD Ripper is powerful all-in-one software that makes it easy for you to rip DVDs and convert video files supporting all popular file formats. With Clone2go DVD Ripper, you can rip DVD movies to all popular video formats such as MPEG, AVI, 3GP, WMV and FLV; convert video files between all popular video formats such as MPEG, mp4, WMV, 3GP and AVI; convert videos at high speed with perfect output quality; extract audio in MP3 format from video clips and enjoy a user-friendly interface and an easy-to-use style.
  • Input video format: DVD, MOV, WMV, FLV, MPEG-4, MPG, RM, RMVB, AVI, DivX, XviD, VOB, ASF, DV, 3GP, M1V and M2V 
    Output video format: AVI, WMV, MP4, 3GP, FLV, MPG, MPEG4, MPEG-I and MPEG-II Output audio format: MP3, WAV, OGG, AMR and MP2 For Portable Media Devices: Nokia, Samsung, Sony Ericsson, iPhone, Motorola, Blackberry, Dopod, LG, iPod, iPhone, Apple TV, iPod touch, Zune, Pocket PC, HP iPAQ, Dell Player, PSP, PSP3, Xbox, Creative Zen, etc.
  • As a DVD Ripper, it can rip DVD to all popular video formats such as MPEG, AVI, 3GP, WMV and FLV. As a DVD Converter, it can convert almost all video formats including MPEG, DVD, WMV, RM, RMVB, MOV, VOB, DivX, XviD, AVI to MPEG-4 or MPEG movie formats for MP4 player, iPod, smart phone or other media players.
 
price:$39.95

  

How To Setup Free SMS Alerts For Urgent Emails in Gmail

| 0 comments

Not so long ago we looked at how to send emails to cell phone as SMS for free. Lots of people found the article quite useful. Today I wanted to extend it a bit further and show you how you can use the info from the previous post to setup alerts for important emails that land in your Gmail account.

Gmail SMS

The whole thing is fairly simple. I am pretty sure some of you have been using it already.

First you need to get free email to SMS gateway for your mobile carrier. If you didn’t get it last time you can easily do so now. The page lists email-to-sms gateways for 10 major US carrier and lots of international ones.

Once you have the email for your mobile number (say 1234567890@tmomail.net), simply login to your Gmail account and go straight to Settings -> Filters tab. Now, there are two ways to use this.

1- Get SMS Alerts for Emails from Specific Addresses

The first way is to setup SMS alerts for emails coming from certain people or places that you consider important. These can be emails from your employer, bank, hosting provider, site uptime tracker etc.

Create new filter and enter the email address for which you want to receive SMS alert.

Gmail SMS alert setup

In the next step, setup a Forward rule to your free email-to-sms number.

Gmail SMS alert

Click on “Create Filter” and you’re done. Next time you receive email from that address you’ll also get SMS message with about first 150 characters of the email. As simple as that.

2- Get SMS For Urgent Emails If You’re Away

Say you’re on holiday and don’t want to be bugged with regular work related emails. However at the same time you want to make sure that when it’s something really urgent people can reach you.

Here is what you can do. First create an auto-responder message (see in Setting -> General) that looks something like the one below.

Gmail SMS alert

Then go to ‘Filters’ tab and setup a forward filter for it. As you can see, in the above auto-responder message I provided sender with option to reach me by simply emailing me again using “urgent” in the subject line.

gmail sms notification

As soon as email hits my inbox I get texted to my mobile.

Are you using anything similar to that right now? Share with us in comments.

OAuth For Google Gadgets

| 0 comments

tmp39F

What is OAuth?

“An open protocol to allow secure API authorization in a simpleand standardmethod from desktop and web applications”

And now you can use it with the Google Gadget Platform (iGoogle, Web Google Gadgets and Google Desktop) and that is a good thing because it means you now can rest easy that Google will not know of your data if you don`t want them too and because that also means you can do Mashlets of Google own Services Gadgets.

For more on this check out this post of David Meyer at CNET

Blogger Footer navigation with specific number of posts in label pages

| 0 comments

think you have noticed a navigation menu at the bottom of my home page . Normally , blogger includes a link to older posts and previous posts at the end of each page .

Blogger footer navivgationIn the above case , its pretty difficult as is makes us move on through each and every stories to view an inner page . Here i will discuss about a Blogger Footer navigation system which looks as shown below .
 blogger footer new modifid navigationUsually the label pages in Blogger displays all the stories tagged with a particular label . So if you have 10 posts for a label "computer", everything under computer will come to a single page . After applying this hack , you will be able control the no: of posts that can appear in a single label page .

First part is to add a CSS code above tag . This code can be used to change the size ,colors and border of your Footer navigation menu .
download
Open Your Blogger templates' layout , select edit HTML and expand widget templates.
Now complete the first part by inserting the CSS code at the exact location .

Second step is to add the following JavaScript below tag .
download2

In most cases ,it will the one that lies near below the Blog 1 or footer comment section .So its up to you to find out the exact location and you can do some trial and error method in this case .





Now you can customize the Blogger Footer navigation by changing the number of posts and links on it . On the JavaScript code , search for a section var pageCount = 5; It defines the number of posts that can be displayed on a single page, while var displayPageNum = 5; defines the number of blocks of pages which are displayed (like: 1 2 3 4 5) under the post section.

Once you completed these tasks , save your template and open your blog in a new window. Now you can see a footer navigation under your blogger posts .

Styling Your Search Form with CSS

| 0 comments

Today I would like to cover how to style your search field using background images in CSS. Previously I was using a different technique to style my forms and search fields, but this way seemed to be less of a head ache so I wanted to share it with those who are interested.

Original Approach

First let me go over my original approach which was using as follows:






This was all fine and dandy but there was one annoying issue. The image button would not align with the search input box and I would have to add a negative top margin to correct this issue. See below for an example.
CSS Bug - Search Field

Revised Approach

With this revised approach, I decided not to go with the type="image" and used the

CSS

fieldset.search {
border: none;
width: 243px;
margin: 0 auto;
background: #222;
}
.search input, .search button {
border: none;
float: left;
}
.search input.box {
color: #fff;
font-size: 1.2em;
width: 190px;
height: 30px;
padding: 8px 5px 0;
background: #616161 url(search_bg.gif) no-repeat;
margin-right: 5px;
}
.search input.box:focus {
background: #616161 url(search_bg.gif) no-repeat left -38px;
outline: none;
}
.search button.btn {
width: 38px;
height: 38px;
cursor: pointer;
text-indent: -9999px;
background: #fbc900 url(search_bg.gif) no-repeat top right;
}
.search button.btn:hover {
background: #fbc900 url(search_bg.gif) no-repeat bottom right;
}

Conditional Comments for IE

IE Style Sheet - ie.css
**EDIT** Ingo Chao commented that IE6+7 scrolls the background-image horizontally if the input gets more content, so my fix was to use a unique background image strictly for IE, and instead of aligning to the left, I reversed it and aligned it to the right to correct this bug.

.search input.box {
background: url(search_bg_ie.gif) no-repeat right bottom; /* Unique Input Box background image specifically for IE, and the background position must be aligned to the right*/
}

Additional Resources

Examples of Creative / Clean Search & Form Fields

Creative and Clean Search Forms
Creative and Clean Search Forms
Creative and Clean Search Forms
Creative and Clean Search Forms
Creative and Clean Search Forms
Creative and Clean Search Forms
Creative and Clean Search Forms