Faruq Codes: Google API

Showing posts with label Google API. Show all posts

Tuesday, September 14, 2010

Enable the New Google Search

1. Go to Google.com.
2. Once it loads, enter this code into your web browser's URL address field:

javascript:void(document.cookie="PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com");

There shouldn't be any http://google.com in front of that. Just that code.

3. Hit enter.
4. Reload or open a new Google.com page and you will have access to the new user interface.

Thursday, May 27, 2010

Introducing the Google Font API & Google Font Directory

The Google Font API provides a simple, cross-browser method for using any font in the Google Font Directory on your web page. The fonts have all the advantages of normal text: in addition to being richer visually, text styled in web fonts is still searchable, scales crisply when zoomed, and is accessible to users using screen readers.

Getting started using the Google Font API is easy. Just add a couple lines of HTML:

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

body { font-family: 'Tangerine', serif; }

Tuesday, March 23, 2010

Free Google Gadgets For Your Website

Here you can find the Gadgets from Goolgle which you can integrate in website very easily.

Thursday, March 11, 2010

Google API: Add a YouTube Video to Your Web Site

Google API: An AJAX Currency Converter

Geolocation by geoPlugin

Google API: Embedding a Google Map

<html>
 <head>
  <script src="http://maps.google.com/maps?file=api&v=2&key=Your_Google_Maps_API_Key" type="text/javascript"></script>
  <script language="JavaScript" src="http://www.geoplugin.net/javascript.gp" type="text/javascript"></script>
 
  <script type="text/javascript">
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(geoplugin_latitude(), geoplugin_longitude()), 12);
      }
    }
  </script>
 </head>
 <body>
   <div id="map" style="width: 500px; height: 300px"></div>
   <script>load();</script>
 </body>
</html>

Google API: Your own personalized weather forecast

This code requires the ParseXml class.

<?php
 
$geoplugin = unserialize( file_get_contents('http://www.geoplugin.net/php.gp?ip=' . $_SERVER['REMOTE_ADDR']) );
 
if ( is_numeric($geoplugin['geoplugin_latitude']) && is_numeric($geoplugin['geoplugin_longitude']) ) {
 
    $lat = $geoplugin['geoplugin_latitude'];
    $long = $geoplugin['geoplugin_longitude'];
    //set farenheight for US
    if ($geoplugin['geoplugin_countryCode'] == 'US') {
        $tempScale = 'fahrenheit';
        $tempUnit = '&deg;F';
    } else {
        $tempScale = 'celsius';
        $tempUnit = '&deg;C';
    }
    require_once('ParseXml.class.php');
 
    $xml = new ParseXml(); 
    $xml->LoadRemote("http://api.wunderground.com/auto/wui/geo/ForecastXML/index.xml?query={$lat},{$long}", 3);
    $dataArray = $xml->ToArray();
 
    $html = "<center><h2>Weather forecast for " . $geoplugin['geoplugin_city'];
    $html .= "</h2><table cellpadding=5 cellspacing=10><tr>";
 
    foreach ($dataArray['simpleforecast']['forecastday'] as $arr) {
 
        $html .= "<td align='center'>" . $arr['date']['weekday'] . "<br />";
        $html .= "<img src='http://icons-pe.wxug.com/i/c/a/" . $arr['icon'] . ".gif' border=0 /><br />";
        $html .= "<font color='red'>" . $arr['high'][$tempScale] . $tempUnit . " </font>";
        $html .= "<font color='blue'>" . $arr['low'][$tempScale] . $tempUnit . "</font>";
        $html .= "</td>";
 
 
    }
    $html .= "</tr></table>";
 
    echo $html;
}
 
?>

Wednesday, March 10, 2010

Google API: Google Charts

You basically just call the Google Chart URL within your src property with the appropriate parameters and Google Chart will draw up the graph and show it to you as a png image type.

< img src="http://chart.apis.google.com/chart?cht=p3&chd=s:hW%3Cbr%3E&chs=250x100&chl=Hello%7CWorld" />

It will create the Pie chart.

By Using Google Charts API you can generate Line chart,Venn diagram,Bar chart etc...

You can find the complete documentaion from google here

Wednesday, February 24, 2010

Google Translator Script for Website Content

<div id="google_translate_element">
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script>

Just add this script in header file to use google tanslate with all languages

For more help please visit below URL:

Link For this: http://translate.google.com/translate_tools?hl=en&layout=1&eotf=1

Flipkart