learn php

http://www.xentrik.net/php/signup/index.php

Previous web visited

http://www.htmliseasy.com/keeper/index3.html
http://www.birdwingfx.com/jQuery_gps/
http://www.e-freecart.com/gen_html_code.html#
http://www.probloggingtricks.com/2014/02/Blogger-Widgets-and-plugins-for-2014.html
http://www.dreamincode.net/forums/topic/52783-basic-login-script-with-php/
http://www.javascriptsource.com/cookies

fatfreecart

http://www.fatfreecart.com/

freecart

http://www.e-freecart.com/gen_html_code.html#

blog.irsah.com ecommerce

http://blog.irsah.com/2013/04/blogger-themes-blogspot-responsive-e.html

GPS JQUERY

http://www.birdwingfx.com/jQuery_gps/

An iframe Coding Crash Course

An <iframe> Coding Crash Course

Now that you understand why iframes are important and when they should be used, let's cover the coding basics. This is the most basic example:

<iframe src="path_to_other_page.html" width="500" height="300"></iframe>

Obviously, the src attribute specifies where the content should come from and the width and height values specify the size of the iframe. Here are the other important attributes with which you should be familiar:

Attribute	Description
name	As described above, this attribute can be used in conjunction with the target attribute of a link to change the iframe's src
scrolling	Can be scrolling="yes" or scrolling="no" . Specifies if a scrollbar should be shown for the content in the frame. Note that using CSS is actually the preferred method for controlling scrolling, but we still use the scrollingattribute to ensure compatibility with older browsers.
frameborder	This controls whether there is a border on the frame (frameborder="1") or not (frameborder="0"). As withscrolling, this property really should be controlled via CSS, but we have to stick with frameborder for browser compatibility. By setting frameborder="0", the iframe becomes much less noticeable and the content appears to be part of the main page.
allowtransparency	If you want the background of your main page to be visible behind the iframe, you need to enable transparency by adding allowtransparency="true" .

Using these attributes, here's an iframe that no one would know is an iframe:

<iframe src="http://www.mit.edu/" width="600" height="300" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

For the breadth of its possibilities, it's fortunately an easy tag to learn.

Iframe Target change frame

» Go to MIT.edu » Go to Weather.gov

<a href="http://www.mit.edu/" target="myDemoFrame">» Go to MIT.edu</a>
<a href="http://www.weather.gov/" target="myDemoFrame">» Go to Weather.gov</a> 
<br />
<iframe name="myDemoFrame" src="http://www.weather.gov/" width="800" height="300"></iframe>

Load Iframe With Timing

<iframe id="awanPetir" src="http://goo.gl/pfdCZ5" />
<script type="text/javascript">
  var iframe = document.getElementById('awanPetir'),src = iframe.src;
  iframe.src = '';
  document.onload =  function(){iframe.src = src;}
function delayedLoad() {
    window.setTimeout(loadIFrame2, 10000);
}
</script>

Simple script to delay load iframe

I know there are some tools and techniques for delaying the load of javascript, but I have an iframe that I would like to delay loading until after the rest of the page has finished downloading and rendering (the iframe is in a hidden that will not be revealed until someone clicks on a particular tab on the page. Is there a way to delay the load of an iframe? 

With jquery it is easy!

either enclose your code which loads the iframe within a  

$()

or use  

$(document).ready(function(){})

these both are the same and would execute your code after the DOM is ready! Meaning your website load first after completed then your iframe shows.
e.g.

$(document).ready(function(){$('iframe#iframe_id').attr('src', 'iframe_url'); });

Complete script

<iframe id='iframe_id'></iframe>
<script type='text/javascript'>$(document).ready(function(){$('iframe#iframe_id').attr('src', 'iframe_url'); });</script>

Delay Iframe 20 second

<script type="text/javascript">
 window.onload = function() {
  setTimeout(loadfunction,20000)
 }
 function loadfunction() {
  document.getElementById("myiframe").src = "theurltoload.html"
 }
 </script>
 </head>
 <body>
 <iframe id="myiframe"></iframe>

Iframe : onload with timer

<iframe id="myIframe" src="http://goo.gl/pfdCZ5" onLoad="delayedLoad()" width="10" height="10" />
<script type="text/javascript">
  var iframe = document.getElementById('myIframe'),src = iframe.src;
  iframe.src = '';
  document.onload =  function(){iframe.src = src;}
function delayedLoad() {
    window.setTimeout(loadIFrame2, 10000);
}
</script>

loadDeferredIframe

<script>
    function loadDeferredIframe() {
        // this function will load the Google homepage into the iframe
        var iframe = document.getElementById("awanpetir");
        iframe.src = "http://www.awanpetir.com/"
    };
    window.onload = loadDeferredIframe;
</script>
    


    <!-- the following iframe will be rendered with no content -->

    <iframe id="awanpetir" src="about:blank" width="10px" height="10px" scrolling="no" frameBorder="no">

Embed Code for web on web

<object data=http://www.web-source.net width="600" height="400"> <embed src=http://www.web-source.net width="600" height="400"> </embed>Error: Embedded data could not be displayed. </object>

Pop Up with Button Close

good for put adsense or advertising images. Just edit size and align.

<div id="cry1"><div style="display:scroll; position:fixed; bottom:25px; left:200px; background-color: #ffffff"><a href="#" onclick="document.getElementById('cry1').style.display = 'none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ39kt8DX1kNzQf5kl1YYR25RaiBuZ3dlClOg8pRtxcbLzELzjlpdcxuBDDi2KmYA7wwcGUqy0lqAbexJrFc6KU3ZAsZu7vjOzJB-N3DQAfDT0HuFaTx6hCxAVVgiVynqszAUvzL3_yXy2/s1600/close-icon.png" alt="Close" /></a>
<center> Put your code here
</center>
</div></div>