Wordpress Youtube Gallery

http://wordpress.org/extend/plugins/youtube-simplegallery/

Making DIV a Link - Javascript Vs CSS

Few days ago, I was looking for the best way to make a DIV into a link when I came across this website: Almost Effortless!. The author showed how to make a div a link with a little bit of Javascript (see article). It is actually pretty simple:

The Javascript Technic:
view plaincopy to clipboardprint?

1.

By this method, the whole block is clickable with just a single line of code while, with CSS, you will need to set few parameters to get the same result. Pretty cool, no?

Here is the CSS technic:

Now, let’s see how it works with CSS.

First, put a link inside your div:
view plaincopy to clipboardprint?

1.

…and now set the link’s display property to 100% to fill the DIV in your stylesheet:
view plaincopy to clipboardprint?

1. #header {
2. width:300px;
3. height:100px;
4. border: solid #EEE;
5. }
6.
7. #header a {
8. display:block;
9. width:100%;
10. height:100%;
11. text-decoration:none;
12. }
13.
14. #header a:hover {
15. text-decoration:none;
16. background-color: #EFEFEF;
17. }

#header {
width:300px;
height:100px;
border: solid #EEE;
}

#header a {
display:block;
width:100%;
height:100%;
text-decoration:none;
}

#header a:hover {
text-decoration:none;
background-color: #EFEFEF;
}

Conclusion:
As you can see, the Javascript technic is faster than the CSS one but keep in mind that some people might disable Javascript in their browser and won’t see the link.

Ultimate CSS Gradient Generator

http://www.colorzilla.com/gradient-editor/

Flare Video

My buddy Joey found a great free h.264 video player that you can customize.

http://www.flarevideo.com/

Check it out

jQuery Pirobox

Need an awesome way to display your pictures on your site. Check out pirobox.

http://www.pirolab.it/pirobox/

Fixed Background Image

In CSS:
background:#42021E url(images/bg.png) repeat-x;
background-attachment:fixed;
}

If you want to learn more about backgrounds, you can read up at w3chools.

How to get www in front of your URL

So my website, www.moderncurio.com is missing the "www" in front of it's name. Apparently it's a common occurrence that will 15 minutes to fix and weeks to resolve.

The solution is a two part fix. The first leg involves setting up Google Webmaster Tools. After you verify your sites (both the www and non-www). Go to Site Configuration > Settings > Preferred Domain and set it to "Display URLs as www.example.com"

Part two of the solution is to set up a 301 redirect and you can do that by adding the code below to your .htaccess file:

# non-www to www
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule (.*) http://www.%{HTTP_HOST}/$1 [R=301,L]

To learn more, read up on more on 301 redirects.

After all this, it'll take a while for google webmaster tools to take effect. Apparently, it takes weeks for Google Webmaster Tools Blog to configure itself. You can learn more about the process at the tools.

------

NOTE: WORDPRESS USERS:
For WordPress Users, you will also need to change a setting in wordpress general settings and set your preferred URLs to have www.