Monday, August 20, 2012

comment_icon 0 Increase your websites performance using Google PageSpeed

Websites loading speed plays a major role in popularity of the website.A website with good content but taking a lot of time to load in such a case users may reject that website and won't like to visit again.
So now a days  web developer and owner spends a lot on the optimization of the websites.but there is an easy way available now.
Google launched a service that delivers a web pages with optimization and takes minimum time to load,currently the service is in beta version and available free and pricing is not yet decided .

    page speed
  1. What is Google  PageSpeed Service ?
    Page Speed is an online service to automatically optimize and loads page with speed.
  2. How it Works ? PageSpeed fetches the content from your website and delivers to users by google servers after optimizing them using best web  performance practices.
  3. How can I use it ? 
     i.  Sign Up  and provide  your serving and reference domains.
     ii. Send your  traffic to PageSpeed Service by pointing your DNS CNAME entry to ghs.google.com.
  4. Try yourself
    1. Go to http://www.webpagetest.org/compare
    2. Enter the URL of your website, say www.example.com.
      • Optional steps:
      • Choose the test location and browser. The default is IE8 from US East (Virginia).
      • Select More Configurations... for a broader selection of locations, browsers and network connection type. The default connection type is DSL.
    3. Click the Start Test button.
  5. Sample Results
    Original Optimized Difference
    Page Load Time 1.715s 1.253s -0.462s (26.9%)
    Repeat View Page Load Time 1.445s 0.547s -0.898s (62.1%)
    Full Test Result
    view test

    view test

Sunday, August 19, 2012

comment_icon 0 Windows phone Tutorial Day-1

comment_icon 1 Access Google Maps on Android Without Internet Connection

Yes What you read is 100% Correct Google recently made the Google Maps To be accessed on the Android phone without the Internet . So How it works Actually ? Before You will be able to access the maps you need to update your Maps App to latest release , then one time download is required.

how to save a region's map ?

  1. Open Maps App in your mobile.
  2. Click the menu of top left corner.
  3. Select my places.
  4. Now click on offline tab.
  5. Type the city or place save the map. 
  6. Now you can browse the map even without internet connection.

Google maps offline
  

comment_icon 0 how to view Internet Explorer specific sites in chrome

Now a days Everyone uses Google chrome for surfing the internet but still there many sites which are not compatible in Google chrome. So here i am going to provide a solution for that by which you can access the sites in Google chrome without any comparability problem.

How to open IE specific site in Google chrome ?
its a simply 2step process

  1. Install IE Tab Multi (Enhance) plugin for Google chrome
  2. Now open any site that only work in Google Chrome  . have fun :)
  3. Don't Forget to  subscribe blog  for the Updates 



Friday, August 17, 2012

comment_icon 1 Create Facebook Application with JSP

Today i was just seeing the  traffic sources of my blog and i found few search queries .which made me to write this post.
 make a facebook application with jsp 
 facebook canvas app jsp tutorial
For those who are looking for the same kind of tutorial there is a good news and a bad news for them.
Bad news is that Facebook  doesn't have any SDK for Java but good news is that Facebook have an SDK for JavaScript so if you are going to build the Facebook application in jsp you can try the JavaScript SDK

There is also an Api on Google Project , i haven't tried it but you can try that  http://code.google.com/p/javarunaround/
i hope you will find this api useful 

There are few more api available on the internet . don't forget to visit the link's given below you surely gonna find them useful.

facebook-api-and-facebook-connect-using-java

http://www.socialjava.com/

comment_icon 0 Medium.com A new Era of Online Publishing

Recently a Website is launched by the Twitter co-founders,as a Completely new publishing platform. Currently the website is launched as a preview only but still so many members already registered on the site.
In the welcome note  says that  
We’re rethinking publishing and building a new platform from scratch. This is a preview.
But when there is already so many Platforms Available for Publishing then Why Medium ? 
For that the Evan Williams Says that
The Obvious Corporation decided to take on the project of building a new publishing platform from scratch
Media is still the “connective tissue of society,” as Clay Shirky eloquently put it. And we think it can be better. Better for creators. Better for consumers. Better for the world.

So, we’re re-imagining publishing in an attempt to make an evolutionary leap, based on everything we’ve learned in the last 13 years and the needs of today’s world.

That sounds pretty grandiose, so let’s not get ahead of ourselves. Truth be told, we’re just starting the journey of figuring out what all that means—and what we’re releasing today is just a sliver of what we’ve figured out.
How Medium is gonna Work ? 
Medium is designed to allow people to choose the level of contribution they prefer. We know that most people, most of the time, will simply read and view content, which is fine. If they choose, they can click to indicate whether they think something is good, giving feedback to the creator and increasing the likelihood others will see it.
Currently posting option is available only for the invited members but soon its gonna be open.Be ready for that.Till than you can have a look at the posts Made by Evan Williams.here’s an open collection of crazy stories.Here’s one of nostalgic photos.

Tuesday, August 14, 2012

comment_icon 0 Python Video Tutorial

python-how2labs

Python is a great object-oriented, interpreted, and interactive programming language. It is often compared to Lisp, Tcl, Perl, Ruby, C#, Visual Basic, Visual Fox Pro, Scheme or Java.

Python is an easy to learn, powerful programming language. It has efficient high-level data structures and a simple but effective approach to object-oriented programming. Python’s elegant syntax and dynamic typing, together with its interpreted nature, make it an ideal language for scripting and rapid application development in many areas on most platforms.

Python was created by Guido van Rossum in the late eighties and early nineties. Like Perl, Python source code is now available under the GNU General Public License (GPL).


Video Tutorials
When we talking about the learning by video tutorial then why don't we learn from the best. Here i am going to provide you video that are delivered by a Instructor From the Google. They called it Google's Python Class. This Tutorial Includes written material,videos and code exercises.

Introduction and Strings


Lists, Sorting, and Tuples


Dicts and Files


Regular Expressions


Utilities: OS and Commands.


Closing Thoughts


Support materials and exercises

Web Resources
Python Wiki
Tutorials point.

Monday, August 13, 2012

comment_icon 0 Nimbuzz for windows phone

Finally after a long wait Nimbuzz finally available for windows phone. Nimbuzz is a cross platform messenger which allows the user to use messenger facility from different providers such as Google,Yahoo, Windows Live and Facebook.
Download Now
Available Features
  • FREE MESSAGING - Replace SMS with unlimited free chat
  • IM COMMUNITY - Connect with multiple IM accounts and have them in one list (Facebook, Yahoo Messenger, MSN/Live Messenger, Gtalk)
  • PICTURE SHARING – Click and share your favorite pictures with friends & family
  • CHAT HISTORY – Chat history keeps your conversation handy for later use
  • CHAT BUDDIES – Use our popular chat buddies for Twitter, Cricket, Astrology etc.
  • AND MUCH MORE: Guided tour, Contact management, Presence management, Message typing indicator, N-world, free Avatars and much more.
Missing Features
  • Don't run in Background like IM+.
  • No Toast Notification.
  • Chating Group service is not available till Now.

Sunday, August 12, 2012

comment_icon 2 Why Facebook theme is blue ?????

Have you ever thought why everything in Facebook is Themed blue ?
I guess not. Then only reason for this is that Mark Zuckerberg is red-green color blind. Surprised but its true. In the interview,he told reporter Jose Antonio Vargas that “blue is the richest color for me — I can see all of blue.” you can also easily guess this if you see these pictures .everything is blue from logo to log-in.
The Facebook-mark zukerberg color blind

Facebook-mark zukerberg color blind

comment_icon 1 Creating Facebook Application Step By Step Part-3


hello guys this is the third part of the series of Creating Facebook Application step by step . if have haven't seen last part please have a look Developing-A-Facebook-Application-Part-2 In this tutorial i am going to cover the following topics
  • Setting up the environment
  • Clonning your phpfogapp Repository
  • getting facebook php sdk and starting with the example
So lets Start..
  1. Downloading The tools
    if you already have s\installed any of these you can skip that
    Download and install Github for Windows
    Download and install WampServer 2 32 or 64 bit
    Make a full install for both of them, to avoid the unncessary trouble
  2. Next Step is to generating ssh key so here is the process for that
    1. open Git Bash
    2. type
      $ cd ~/.ssh
      If you get "no such file or directory", create the directory:
      $ mkdir ~/.ssh
    3. Generate your key by following command
      $ cd ~/.ssh
      $ ssh-keygen -t rsa
      Generating public/private rsa key pair.
      Enter file in which to save the key (/Users/PHPFog/.ssh/id_rsa):id_rsa (use id_rsa)
      Enter passphrase (empty for no passphrase):(enter your password)
      Enter same passphrase again:
      This password is used to protect the private key.
      Your identification has been saved in /Users/PHPFog/.ssh/id_rsa.
      Your public key has been saved in /Users/PHPFog/.ssh/id_rsa.pub.
      The key fingerprint is:
      31:be:4f:13:d4:68:f1:43:ea:97:9b:33:ad:b6:e5:85 us@phpfog.com
      The key's randomart image is:
      +--[ RSA 2048]----+
      |                 |
      |         .       |
      |        . o      |
      |       . * = .   |
      |        S B E .  |
      |       o = o o   |
      |        o o o .  |
      |         . . o o.|
      |             .+.*|
      +-----------------+
      
    4. Now since the key is genereted . next step is to add this in your phpfog account
      Open your public key with a text editor and copy the entire text.
      A real key will look like:
      ssh-rsa
      AAAAB3NzaC1yc2EAAAADAQABAAABAQDgMaD2kOEQAq0ir0C/U3880mFmpv
      K0/7/qaYx8Uu2GFnsBabIsPJttndqAl6/k1Du4c2s2S+Aem0qS+R4hbSDDuWqjZbEH
      ks5qiAjD64vCavRwl96pKk/bvNB4sCe0MTsrPEU0rzI/MFDkCp8UkwonJkDVGafkhGIu
      UtVrXlCd5JrZFUUvYmLQoLdiTTjCJeBlfG46VqdX2qg4LRN2tMWecYhXrb+ghXsk
      7MfVo+RGQ9pQsiozbd2oROWOsoy2XKPsE2wXXINMpHAg/r6XUzddkW3mAfLAJ
      D7Te78lX+AImxPYhOQccODJlswTTlxKNZuqa9znAGaiyf1pYigHLVD5
      us@phpfog.com
    5. open phpfog goto My Account->settings->ssh keys->add key -> add key details (key name can be any name)

      adding ssh key to phpgog by how2labs.info
  3. now we need to clone the source code from our phpgog git repository . cloning is the process of copying entire project files
    Go to your App Console at PHP Fog and click on the "Source Code" tab on the left.
    cloning git repository by how2labs.info

    Copy the value for "Clone your git repository:", which should look something like:
    $ git clone git@:foo.phpfogapp.com
    Run the command in your terminal, and you should see something like this:
    $  git clone git@git01.phpfog.com:how2labsdemo.phpfogapp.com
    Cloning into 'how2labsdemo.phpfogapp.com'...
    The authenticity of host 'git01.phpfog.com (some ip)' can't be established.
    
    RSA key fingerprint is a6:c5:32:57:cc:21:0c:91:d0:f3:11:43:53:eb:9f:23.
    Are you sure you want to continue connecting (yes/no)? yes
    Warning: Permanently added 'git01.phpfog.com,(some ip)' (RSA) to the list of
    known hosts.
    Enter passphrase for key '/c/Users/Abhi/.ssh/id_rsa':
    remote: Counting objects: 3, done.
    remote: Total 3 (delta 0), reused 0 (delta 0)
    Receiving objects: 100% (3/3), done.
    
  4. Now we can work on our source files change the directory to our project directiry .
    $ cd foo.phpfogapp.com replace foo with your app name for me its how2labsdemo
    now open the index.php file with the following command or you can open it in text editor by going through the following directory
    C:\Users\Abhi\how2labsdemo.phpfogapp.com for windows user only
    command for viewing and editing files with
    To view/edit a file vi filename.extension open file vi index.php
    To save press ESC key enter :w
    To close/quit editing press ESC key enter :q
  5. if you opened the index.php you can see that hello world is wriiten in that i.e. the output we seen in the last part. this index file will get created automatically when we create the app
  6. since now everything is done so we can start developing the app . for this we need the facebok sdk for php . Click here to download facebook php sdk Click on zip option
    Extract the sdk to some directory and follow the stpes
    1. copy the src folder to our local repository i.e. C:\Users\Abhi\how2labsdemo.phpfogapp.com\src . rename src to sdk so final directory will be C:\Users\Abhi\how2labsdemo.phpfogapp.com\sdk with following files
      base_facebook.php  facebook.php  fb_ca_chain_bundle.crt
    2. now open index.php and copy the following code

      <?php

      require 'sdk/facebook.php';

      $facebook = new Facebook(array(

        'appId'  => 'your app id',
        'secret' => 'your app secret',
      ));
      // See if there is a user from a cookie
      $user = $facebook->getUser();
      if ($user) {
        try {
          // Proceed knowing you have a logged in user who's authenticated.
          $user_profile = $facebook->api('/me');
        } catch (FacebookApiException $e) {
          echo '<pre>'.htmlspecialchars(print_r($e, true)).'</pre>';
          $user = null;
        }
      }
      ?>
      <!DOCTYPE html>
      <html xmlns:fb="http://www.facebook.com/2008/fbml">
        <body>
          <?php if ($user) { ?>
            Your user profile is
            <pre>
              <?php print htmlspecialchars(print_r($user_profile, true)) ?>
            </pre>
          <?php } else { ?>
            <fb:login-button></fb:login-button>
          <?php } ?>
          <div id="fb-root"></div>
          <script>
            window.fbAsyncInit = function() {
              FB.init({
                appId: '<?php echo $facebook->getAppID() ?>',
                cookie: true,
                xfbml: true,
                oauth: true
              });
              FB.Event.subscribe('auth.login', function(response) {
                window.location.reload();
              });
              FB.Event.subscribe('auth.logout', function(response) {       
       window.location.reload();
              });
            };
            (function() {
              var e = document.createElement('script'); e.async = true;
              e.src = document.location.protocol +
                '//connect.facebook.net/en_US/all.js';
              document.getElementById('fb-root').appendChild(e);
            }());
          </script>
        </body>
      </html>
      save the file.
    3. Now we need to upload this file to phpfog server so follow the steps given below for that
      1. First step is to add the new files
        $ git add .
        sample output
        warning: LF will be replaced by CRLF in sdk/base_facebook.php.
        The file will have its original line endings in your working directory.
        warning: LF will be replaced by CRLF in sdk/facebook.php.
        The file will have its original line endings in your working directory.
        warning: LF will be replaced by CRLF in sdk/fb_ca_chain_bundle.crt.
        The file will have its original line endings in your working directory.
        The "add" command tells git to "stage" new files in preparation for a commit. The "." tells git to add all the files in the current directory recursively.
      2. Second step is to commit the updation
        $ git commit -m "first commit (or type any message)"
        sample output
        warning: LF will be replaced by CRLF in sdk/base_facebook.php.
        The file will have its original line endings in your working directory.
        warning: LF will be replaced by CRLF in sdk/facebook.php.
        The file will have its original line endings in your working directory.
        warning: LF will be replaced by CRLF in sdk/fb_ca_chain_bundle.crt.
        The file will have its original line endings in your working directory.
         5 files changed, 1773 insertions(+), 1 deletion(-)
         create mode 100644 channel.php
         rewrite index.php (100%)
         create mode 100644 sdk/base_facebook.php
         create mode 100644 sdk/facebook.php
         create mode 100644 sdk/fb_ca_chain_bundle.crt
        This command commits the added file to your git repository. It's still local, but now it's ready to be uploaded (i.e. "pushed").
      3. Last step is push the files that means upload the file
        $ git push
        sample output
          
        Enter passphrase for key '/c/Users/Abhi/.ssh/id_rsa':(enter your password)
         Counting objects: 10, done. Delta compression using up to 2 threads. Compressing objects: 100% (8/8), done. Writing objects: 100% (8/8), 17.77 KiB, done. Total 8 (delta 0), reused 0 (delta 0) remote: -----> Deploying to the cloud
        This command commits the added file to your git repository. It's still local, but now it's ready to be uploaded (i.e. "pushed").
    4. Now we uploded the files so we can see the output file updation may take time so please don't panic. have some coffee in mean time you will get ouput something like this .
      Your user profile is
              Array
      (
          [id] => 100003149296690
          [name] => Abhimanyu Rathore
          [first_name] => Abhimanyu
          [last_name] => Rathore
          [link] => http://www.facebook.com/abhimanyu7nov
          [username] => abhimanyu7nov
          [location] => Array
              (
                  [id] => 102186159822587
                  [name] => Chennai, Tamil Nadu
              )
      
          [education] => Array
              (
                  [0] => Array
                      (
                          [school] => Array
                              (
                                  [id] => 110776898943667
                                  [name] => k.v
                              )
      
                          [type] => High School
                      )
      
                  [1] => Array
                      (
                          [school] => Array
                              (
                                  [id] => 109299605785499
                                  [name] => Dr. MGR University
                              )
      
                          [year] => Array
                              (
                                  [id] => 118118634930920
                                  [name] => 2012
                              )
      
                          [type] => College
                      )
      
                  [2] => Array
                      (
                          [school] => Array
                              (
                                  [id] => 107874392573563
                                  [name] => Dr. M.G.R. Educational and Research Institute
                              )
      
                          [degree] => Array
                              (
                                  [id] => 140065339390579
                                  [name] => B.Tech
                              )
      
                          [year] => Array
                              (
                                  [id] => 118118634930920
                                  [name] => 2012
                              )
      
                          [type] => Graduate School
                      )
      
              )
      
          [gender] => male
          [timezone] => 5.5
          [locale] => en_US
          [verified] => 1
          [updated_time] => 2012-08-06T18:54:13+0000
      )

Friday, August 10, 2012

comment_icon 0 Google yourself : To see your personal information available on public

In past few years social networking became so popular that every next youngster have a social profile on multiple sites like Google,Facebook,Myspace,Twitter. And we don't even know that our public profile details are visible to everyone who wants to know about you by just using the Google.
So just tyr to Google yourself today i promise you will surely make profile more secure after that.
Making your profile secure isn't that hard it cone be easily done by simply practicing about privacy setting on your social site .
Have a Look at the Recent survey done by BackgroundCheck.org The Google Yourself Challenge

comment_icon 0 Google Offers

Have you ever Imagined A Service by Google  just like Snap-deal . if not then think it again Google launched a Service named by Google offers ,which provides the latest deals and offers available in your Area.





How it Works ?


but this is currently available for the U.S. only Still you can signup so when ever service is launched in your area you will get an notification.

comment_icon 1 i unlock joy 2012

Finally after a long wait I Unlock joy Phase-2 is launched.this provides the opportunities for the students to get  familiar with the Windows phone development. Because Microsoft will give you A Brand  New Windows phone for building Windows phone Application, But this time they made it little bit harder  because only first 100  students who will submitted 4 apps (including getting certified) will get a Windows  phone ( believe me its not a joke).Students those who submit 1 app will get an E-Certificate from Microsoft.

What you Can Win ?
 Here is the picture of mobile which i won in i unlock joy phase 1 :)
i unlock joy
my lumia 710


Process to Follow 

  1. Register on iunlockjoy website to participate in this campaign. (In case you do not have a DreamSpark Key then select ‘No’ in the question: Do you have a DreamSpark Key to register on Windows Phone Dev Center?)
  2. Register on Windows Phone Dev Center thru DreamSpark.
  3. Get Windows Phone SDK
  4. Build Windows Phone Applications
  5. Get the Windows Phone Applications certified.
  6. Publish them on the Marketplace by 31st October, 2012
  7. Fill in the Claim Goodies Form by 31st October, 2012 under the appropriate category in which you want to participate.
Rules 
  • You are Eligible if
    1. You are 18 years of age or older; and
    2. You have been actively enrolled as a student at an accredited educational institution that grants high-school or college/university (or equivalent) degrees for at least 3 months between 1st January, 2012 and 31st October, 2012; and
    3. You are not an employee or intern of Microsoft Corporation (India) Pvt. Ltd. or Microsoft Corporation, or any of their affiliates; and
    4. You are not involved in any part of the execution or administration of this campaign; and
    5. You are not an immediate family member of (parent, sibling, spouse, child) or household member of a Microsoft employee, an employee of a Microsoft affiliate, or a person involved in any part of the administration and execution of this campaign.
    6. You are a registered member of Microsoft DreamSpark campaign for students.
  • Your app submission is valid only if
    1. You have filled up the Registration Form posted in this website with all the required information.
    2. Your app is submitted on Windows Phone Dev Center
    3. Your app gets certified on Windows Phone Dev Center and published on Windows Phone Marketplace before 31st October 2012
    4. Submit Claim Goodies Form by 31st October, 2012 to participate in this campaign under the relevant category.

comment_icon 0 Search duplicate Images using tineye


Have you ever thought of finding the duplicate images on the Internet. if yes and haven't tried yet because you couldn't able to find an direct way then your search ends now.


tineye
tineye home page
its tineye

How tineye Works ?

TinEye uses image identification technology rather than keywords, metadata or watermarks.


Is using tineye free ?

Yes it's free for non-commercial searching.


How to Search Image  ?

You can submit an image to TinEye either by uploading or by providing url to find out where it came from, how it is being used, if modified versions of the image exist, or to find higher resolution versions.

Thursday, August 9, 2012

comment_icon 0 Microsoft saying Goodbye to MS office plugins and HI to Apps

yes what you read is correct, Microsoft completely changing the way of his products are working. Now M.S. office has a support for developer Apps.

 So get ready for the new experience.

Advantage of New App Environment 
   you surely be wondring that what benefit users gonna get from these apps .
Ex.-Applications can change the way we interact today's office . just imagine that you can visualize data of your Bing maps just by using an app in excel .
have a look at the small list of apps that are currently available in the office store



office 2013 apps preview
MS office Apps preview

If you are a developer than must try it. its never been so easy to work with Microsoft products like now. are you ready to start now ?


  • you can build apps for SharePoint and office using the same tools and skill .
  • you can also develop web apps
  • you can use any of following languages html,javascript for client site and c#,vb.net,php for server side


Start Building Apps

Wednesday, August 8, 2012

comment_icon 0 how to enable Multi-Core of your processor on windows

in Windows o.s. by default there in only single core is enabled .To  utilize the muti-core of you process you need to make some manual changes in your system .don't worry its so easy to do.

  1. click on
  2. type msconfig in search bar .
  3. click enter
  4. you will see a new window is opened named System Configuration

  5. now click on boot tab and select Advance option. new pop up windows is opened as shown in picture

  6. now check the Number of process and select the maximum value it will be 2 in case of dual core processor .

  7. now just click ok , boot advance option get closed . Again click ok , A notification  popup . if you are not doing work you select restart now or you can select restart letter.. we are done now . enjoy multi core processing . Share the post if you like it

Tuesday, August 7, 2012

comment_icon 0 Google features that you are supposed to know

Google is not just about Searching, Emailing and Google-plus .There are few special features or services that you may not know . lets walk through them .
 Are you an art lover ?
if yes then i wish you already known about Art Project .This project take you into the ocean of arts . you just gonna love it. 
What it is About ?
Google's Art project is the collaboration between Google and worlds top 151 art partners across over 40 counties. user can browser the galleries of various museums. lets have a look in video. Share it if you love it.





CrisisResponse : crisis response makes critical information much easily and more accisible during the times of disasters.Must have a look at past few responces.

Turkey Earthquake, October 23, 2011
Magnitude 7.2 earthquake struck eastern Turkey
Thailand Floods, October 13, 2011
Thailand’s worst flooding in 50 years
Hurricane Irene, June 1, 2011
Large Atlantic that hurricane hit the eastern United States
Japan Earthquake and Tsunami, March 11, 2011
Massive earthquake off the coast of Japan caused significant damage and tsunami flooding




Love Playing quizes ? then you are at the right place A Google a day .
it gives you a new question every day . you can challange friends track your position over the ladderbords . you just gonna love it . enjoy the video
 

How to play?

  • Crack the question using Google search techniques.
  • Discover nifty Google search tricks at Inside Search.
  • Take your best shot! We'll let you know if you're right or wrong.



wanna enjoy high speed internet ? Try Google fiber
Google Fiber starts with a connection speed 100 times faster than today's average broadband. Instant downloads. Crystal clear HD. And endless possibilities. It's not just TV. And it's not just Internet. It's Google Fiber. PRE-REGISTER

Saturday, August 4, 2012

comment_icon 4 Creating Facebook Application Step By Step Part-2

in last part we have seen how to create a New Facebook Application
incase you haven't seen it -  Developing-A-Facebook-Application Part 1

In this tutorial we are going to see that what are the Requirements of a facebook application and how we can fulfill them

Requirement of facebook App: 

  1. you need a web hosting ( for hosting your Application)
  2. Web hosting should be https enabled ,that means that your website url should be ssl secured.

How can we fulfill  these requirements:

we have 2 choices here 
 1. we should buy a web hosting and get a ssl certificate for website (too costly)
 2. we can go for a website who provides free web-hosting with ssl 

here we are going through the 2nd choice 

what i am going to use for  hosting  my facebook Applications ?

Ans . I am going to use following

so lets start 

 1.open  https://www.phpfog.com/signup in a new tab and fill up the form


    2. After submitting it will take you to New App wizard  : select Custom app As show in picture


  3.Now fill you domain name it should be unique :

4. Now click on create App it wiil automatically create a New app for you



  5. Now click on view lice site button you will see something like as shown in below picture .don't worry it will take some time in mean time we fill details on facebook

6. open https://developers.facebook.com/apps  in new tab and select your application as shown in picture 

7. now click on edit app button

8. now fill details copy your phpfogApp url . url you can see when  you click view live site . make sure you put https:// in that as shown in picture and don't forget to save it.


9. Now select Auth dialog option here we are going to fill information about the users permission that we are going to need and used in Application  just fill as shown in picture



10 Now just refresh  your phpfogapp site  . if you don't see  hellow worls as shown in picture try using https:// as shown in picture still if won't show than just wait for some time and you can move to the next step.

11 now go to Facebook developer page again and select your app you will see summary page . copy your canvas url from that page and paste it into new tab . this is your facebook application URL




so we successfully hosted our facebook application and we also got htts for facebook app , in next part we are going through the process of writing code for the facebook app and we will also setup the environment for our facebook App development  . for more updates and tutorial please subscribe this blog . i hope you like it .