Friday, June 26, 2015

How to Create RSS Feed through PHP, MySQL

http://www.pontikis.net/blog/simple-rss-class-create-rss-feed

Wednesday, June 24, 2015

How to Use Google Map on Web Page

 <head><style>
      #map-canvas {
        width: 500px;
        height: 400px;
background-color: #CCC;
      }
    </style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
  function initialize() {
  var mapCanvas = document.getElementById('map-canvas');
    var mapOptions = {
      center: new google.maps.LatLng(28.38, 77.12),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(mapCanvas, mapOptions);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
  <body>
  <div id="map-canvas"></div>
  </body>

Source to get Longitude and Latitude Values
http://www.latlong.net/

Tuesday, June 23, 2015

Must Use CSS

Body Right Side Image
body{
background: #FFFFFF url(http://3.bp.blogspot.com/-OmaZsi_XmgA/TzY787sKUrI/AAAAAAAABPg/xYSLXr8epZI/s1600/Gita+Blog+Side+Bar.jpg) repeat-y fixed top right;
}

Change Cursor for Site
<style>
body {
cursor: url('favicon.ico'), default;
}
</style>

Block Right Click Disable
tr
{
-ms-user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
}

Use Google Font:
  <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans">
    <style>
      body {
        font-family: 'Open Sans', sans-serif;
      }
    </style>

Style to First Letter
<style type="text/css"> 
p:first-letter{
    font-size:200%;
    color:#8A2BE2;
}

Login Form Focus
:focus{
            border: thin black solid; 
            padding: 4px; 
        } 
</style>

Image Change on Mouseover
<a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>