Useful htaccess (HyperText Access) configuration to control Apachee Web server

.htaccess is a configuration file for use on web servers running the Apache Web Server software and below is some of useful configuration.
1. Create .htaccess file with notepad or any text editor and paste it below code
2. Upload it into your web server and remove ".txt" after uploaded

For more info: http://www.htaccess-guide.com/

+============================+
 # Note: Hash sign (#) for comments

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

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

# Change .php extension to .html
RewriteEngine On
RewriteRule ^(.*)\.html$ $1.php [nc]

#Force https
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

#Force https (option 2)
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]

#Force https (option 3)
#Force www / https
RewriteEngine on
RewriteCond %{HTTP_HOST} ^yourdomain.com [NC]
RewriteRule ^(.*)$ https://www.yourdomain.com/$1 [L,R=301,NC]

# Directory Index: You can change a default index file from another directory (eg. index.php is inside welcome folder)
# DirectoryIndex welcome index.php

# Access Control: You can Deny / Allow over specific IP address and it's useful when you are doing site updates
Order deny,allow
# Deny all public access
Deny from all
# Allow your IP address so only you can see the site
Allow from xxx.xx.xx.xxx
# Redirect your users to a temporary an error page, welcome page or maintenance page during site update/development with your custom page
ErrorDocument 403 /welcome/comingsoon.php

# Prevent Directory Browsing (Disable/Enable)
# To Disable
Options All -Indexes
# To Enable
# Options All +Indexes

# Create custom error pages and do not forget to create related error html file in source
# And you can extend this like as well:
# ErrorDocument 400 /400.html #400 - Bad Request
# ErrorDocument 401 /401.html #401 - Not Authorized
# ErrorDocument 403 /403.html #403 - Forbidden
# ErrorDocument 404 /404.html #404 - Not Found
# ErrorDocument 500 /500.html #500 - Internal Server Error
# ErrorDocument 502 /502.html #502 - Bad Gateway
# ErrorDocument 504 /504.html #504 - Timeout Error
+============================+

Use Google DNS for faster website load on your compuer

In order to configure on your computer, please follow below step:

- Open Network and Sharing Center by right clicking on network icon of your right hand side of Task Bar
- Click on "Local Area Connection" (will appeared connection status dialog box)
- Click on "Properties"
- Select "Internet Protocol Version 4 (TCP/IPv4)
- Click on "Properties" (will appeared Internet Protocol Version 4 dialog box)
- Choose "Use the following DNS server address and key in the following google DNS server numbers
~ Preferred DNS Server: 8.8.8.8
~ Alternate DNS Server: 8.8.4.4

Then click "OK" to save the setting and now you are using Google DNS server with faster DNS lookups and improve security and read more here -> https://developers.google.com/speed/public-dns/

Page Jumps with Anchor Links #

If you want to create page jumps with anchor link code, you will need these two elements:
- The link
- The target

Example:
- Create the Link:
<a name="youlinktext">yourlinktext</a>

and link to the Target:
<a href="#yourlinktext">go to your link text</a>

- Link to div tag with id:
<div id="#yourlinkname">

- Linking to the Top of the Page:
Add the “target code” at the very top of your page:
<a name="toppage"></a>

And then put the following link code at the bottom of the page with "#"
<a href="#toppage">Top</a>

- Link to different page
<a href="../yourURL/#yourlinkname">Go To Next Page</a>

To get Smooth Page Scroll Effect, you may put the following jquery code right before body tag:

<!-- Start SMOOTH PAGE SCROLL -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});
</script>
<!-- End SMOOTH PAGE SCROLL -->

Credit: Jquery code snippets by Chris Coyier and here is example on codepen:  http://codepen.io/chriscoyier/pen/dpBMVP