<!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>
Blogger Dynamic Loading Effect Live Demo
Saturday, July 28, 2012
Welcome to the coding world
Subscribe to:
Posts (Atom)