Friday, 31 October 2014

Iframe array several of website

<script type="text/javascript">
var frames = Array(
    'http://www.sportsmanagement.my/mcfaj2014/', 14,
    'http://www.dietdietsihat.blogspot.com/', 60);
var i = 0, len = frames.length;
function ChangeSrc()
{
  if (i >= len) { i = 0; } // start over
  document.getElementById('frame').src = frames[i++];
  setTimeout('ChangeSrc()', (frames[i++]*1000));
}
window.onload = ChangeSrc;</script>

<iframe id="frame" style="width:250px; height:250px;"></iframe>

Saturday, 18 October 2014

Iframe that Responsive

<div>
    <iframe src="http://www.youtube.com/embed/4aQwT3n2c1Q" height="315" width="560" allowfullscreen="" frameborder="0">
    </iframe>
</div>

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

Friday, 17 October 2014

Meta Tag That is Good For SEO

<meta name=”description” content=”10 Latest trending RUNNER'S product”>
<meta property=”og:title” content=”iAcquire’s awesome blog”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:image” content=”http://images-cdn.ecwid.com/images/4214046/240364279.jpg”/>
<meta property=”og:url” content=”http://www.go4runner.com”/>
<meta property=”og:description” content=”Latest Update RUNNER's Product”/>
<meta content='https://www.facebook.com/matkomik' property='article:author'/>


<meta name=”twitter:card” content=”summary”>
<meta name=”twitter:url” content=”http://go4runner.com/product.html#!/~/category/id=8595186&offset=0&sort=normal”>
<meta name=”twitter:title” content=”10 Latest trending RUNNER'S product”>
meta name=”twitter:description” content=”Brand thats currently trending around asia.”>
meta name=”twitter:image” content=”http://images-cdn.ecwid.com/images/4214046/240364279.jpg”>




Tuesday, 14 October 2014

Css: Image/text Position

use div for this

<style>
img {
float: right;
    position: fixed;
margin-top: -150px;
margin-left: -150px;
}

</style>

Monday, 13 October 2014

Css : Make Body really in center

<style>

html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
}

body {background-size:auto;
background-position:center;

}



</style>

Jump: If screen width below 699 width change it

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "http://www.go4runner.com/info/rio/runnerriomobile.html";
}
//-->
</script>

Meta tag : Jump to other page 5 second loading


<html> 
  <head> 
    <title>IU Webmaster redirect</title> 
    <META http-equiv="refresh" content="5;URL=http://www.indiana.edu/~account/new-directory"> 
  </head> 
  <body bgcolor="#ffffff"> 
    <center>The contents you are looking for have moved. You will be redirected to the new location automatically in 5 seconds. Please bookmark the correct page at <a href="http://www.indiana.edu/~wmhelp/new-directory"> http://www.indiana.edu/~wmhelp/new-directory</a> 
    </center> 
  </body> 
</html>

email mailto: pretext

 <a href="mailto:designoutsourced.com+info@gmail.com?subject=Maklumat%20lanjut%20pakej&body=Hai,%20saya%20berminat%20tahu%20lebi...