Loading...

Saturday, July 28, 2012

Welcome to the coding world

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Face Blog | Demo</title>
<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/63968842/demopage.css">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' 

type='text/javascript'></script>

<link href='https://lh4.googleusercontent.com/-QUG_9ugltxc/Tm44wGJZtaI/AAAAAAAAAOc/V3WjudG8IHg/s800/00469bdff1ddfd9854f6507e34a1aa23_extra_animated_favicon.gif' rel='icon' type='image/gif'/>
<script src='https://gj37765.googlecode.com/svn/bloggerwidget/[www.gj37765.blogspot.com]

makingdifferent-popup.js' type='text/javascript'></script>
<style type='text/css'>
#makingdifferentpopup{
position:absolute;
top:100px;
z-index:999;
display:none;
padding:0px;
right:600px;
border:10px solid #6F6F6F;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup h1{
background:#6d84b4 url(http://4.bp.blogspot.com/-

rNUTIpDQ21s/T0NqE_vv6GI/AAAAAAAACps/GSoWE2n9Oy8/s1600/%255Bwww.gj37765.blogspot.com%255Dh1.png) 98% 

no-repeat;
border:1px solid #3b5998;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:normal !important;
padding:5px !important;
margin:0 !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif;
overflow:hidden;
}
#htmlground{
font-size:12px !important;
font-weight:normal !important;
height:260px;
padding:1px;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden;
}
#mdfooter{
background:#F2F2F2;
height:56px;
padding:10px 10px 10px 10px;
overflow:hidden;
}
#makingdifferentpopup a{
background-color:#eee;
border:1px solid #ccc;
color:#111;
font-weight:normal;
padding:5px 8px 5px 8px;
text-decoration:none;
display:inline-block;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif;
outline:none;
position:relative;
font-size:18px;
margin:1px;
}
#makingdifferentpopup a:active{
top:1px;
left:1px;
}</style>
<style>
/*  Blogger Dynamic Style Page Loading Effect By www.fblatest.in */
#fb-loading {
    position: fixed;
    z-index: 50;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #FDFEF8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoAvgtQaUv3XjXbCUGvdSOrtu7Kj_FDGu4C6I68dG6LSI_o5-VOcy0q31A6tpawNDuRCF2HumWw0wJsckLsd7WizAY-FHu9322V7ZhxgBWbDZTRBwFDIjeBlYjQY5Xg2sseqX0nM5cvLjZ/s1600/index.gif) no-repeat center;
    line-height: 350px;
    text-align: center;
    font-size: 36px;
    color: #353231;
    text-indent: -9999px;
}
.FB #fb-loading { display: none; }

@media only screen and (device-width: 768px) {
    #loading {
        position:absolute;
        width:1040px;
        min-height:768px;
    }
}
#fb-progress-bar {
    position: absolute;
    top: 0; left: 0;
    background: #FF6600;
    opacity: 0.8;
    width: 0;
    height: 18px;
}
#fb-loader {
    height: 100%;
    display: none;
}
</style>
<script>

(function($){

$("html").removeClass("FB");


$("#header").ready(function(){ $("#fb-progress-bar").stop().animate({ width: "25%" },1500) });
$("#footer").ready(function(){ $("#fb-progress-bar").stop().animate({ width: "75%" },1500) });


$(window).load(function(){

    $("#fb-progress-bar").stop().animate({ width: "100%" },600,function(){
        $("#fb-loading").fadeOut("fast",function(){ $(this).remove(); });
    });

});
})(jQuery);
</script>
</head>
  <body>
<div id='fb-loading'><div id='fb-progress-bar'></div><div id='fb-loader'>Loading...</div></div>
<div id="page-wrap">
<div id="header">
<a href="http://www.fblatest.in/"><img src='http://4.bp.blogspot.com/-

RoY2MWtoR0I/UAeo0HqlqAI/AAAAAAAACfI/_2gJnvaFwhY/s1600/fb+demo+haeder.jpg'></a>

 <div id="social-icons">

 <a href="http://www.facebook.com/COMPUTERS.TRICKS"><img class="social-icon" id="rss" 

src="http://4.bp.blogspot.com/-Q96J7g7rGzg/TvWd58AlR2I/AAAAAAAAB7E/JkhBtmRZI3Q/s1600/facebook.png" 

/></a>
 <a href="http://www.twitter.com/fblatest"><img class="social-icon" id="rss" 

src="http://2.bp.blogspot.com/-LTCvnnM9E8g/TvWd0x_no3I/AAAAAAAAB6o/8gLCxhakYho/s1600/twitter.png" 

/></a>
 <a href="http://feeds.feedburner.com/fblatest/nflb"><img class="social-icon" id="rss" 

src="http://1.bp.blogspot.com/-8UFxkVo1Mz8/TvWd-N9-HKI/AAAAAAAAB7c/ifdeT_qzGnE/s1600/rss.png" /></a>
</div>
 

<div id="content">
<h1>Blogger Dynamic Loading Effect Live Demo<h1>
<br/>
<div class="backtoblog">
<a href="http://www.fblatest.in/2012/07/blogger-dynamic-page-loading-effect.html"><img src="http://2.bp.blogspot.com/-

mU4Qhr317Zk/TvWd2iaIzuI/AAAAAAAAB64/1QH-XMVwNkU/s1600/back-to-blog.png" /></a></div>

</body>
</html>