CINXE.COM
Panoramio - Google Maps: Why Panoramio is not XHTML/CSS valid?
<!DOCTYPE html> <html class="v2" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://www.google.com/2005/gml/b" xmlns:data="http://www.google.com/2005/gml/data" xmlns:expr="http://www.google.com/2005/gml/expr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html","20141005211200","https://web.archive.org/","web","/_static/", "1412543520"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible"/> <meta content="width=1100" name="viewport"/> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/> <script type="text/javascript">(function() { var b=window,f="chrome",g="tick",k="jstiming";(function(){function d(a){this.t={};this.tick=function(a,d,c){var e=void 0!=c?c:(new Date).getTime();this.t[a]=[e,d];if(void 0==c)try{b.console.timeStamp("CSI/"+a)}catch(h){}};this[g]("start",null,a)}var a;b.performance&&(a=b.performance.timing);var n=a?new d(a.responseStart):new d;b.jstiming={Timer:d,load:n};if(a){var c=a.navigationStart,h=a.responseStart;0<c&&h>=c&&(b[k].srt=h-c)}if(a){var e=b[k].load;0<c&&h>=c&&(e[g]("_wtsrt",void 0,c),e[g]("wtsrt_","_wtsrt",h),e[g]("tbsd_","wtsrt_"))}try{a=null, b[f]&&b[f].csi&&(a=Math.floor(b[f].csi().pageT),e&&0<c&&(e[g]("_tbnd",void 0,b[f].csi().startE),e[g]("tbnd_","_tbnd",c))),null==a&&b.gtbExternal&&(a=b.gtbExternal.pageT()),null==a&&b.external&&(a=b.external.pageT,e&&0<c&&(e[g]("_tbnd",void 0,b.external.startE),e[g]("tbnd_","_tbnd",c))),a&&(b[k].pt=a)}catch(p){}})();b.tickAboveFold=function(d){var a=0;if(d.offsetParent){do a+=d.offsetTop;while(d=d.offsetParent)}d=a;750>=d&&b[k].load[g]("aft")};var l=!1;function m(){l||(l=!0,b[k].load[g]("firstScrollTime"))}b.addEventListener?b.addEventListener("scroll",m,!1):b.attachEvent("onscroll",m); })();</script> <meta content="blogger" name="generator"/> <link href="https://web.archive.org/web/20141005211200im_/http://blog.panoramio.com/favicon.ico" rel="icon" type="image/x-icon"/> <link href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html" rel="canonical"/> <link rel="alternate" type="application/atom+xml" title="Panoramio - Google Maps - Atom" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/feeds/posts/default"/> <link rel="alternate" type="application/rss+xml" title="Panoramio - Google Maps - RSS" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/feeds/posts/default?alt=rss"/> <link rel="service.post" type="application/atom+xml" title="Panoramio - Google Maps - Atom" href="http://www.blogger.com/feeds/3939987801107087044/posts/default"/> <link rel="alternate" type="application/atom+xml" title="Panoramio - Google Maps - Atom" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/feeds/4747826432492685714/comments/default"/> <!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/3204238090-ieretrofit.js"></script> <![endif]--> <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]--> <title>Panoramio - Google Maps: Why Panoramio is not XHTML/CSS valid?</title> <link type="text/css" rel="stylesheet" href="https://web.archive.org/web/20141005211200cs_/https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css"/> <link type="text/css" rel="stylesheet" href="//web.archive.org/web/20141005211200cs_/http://www.google.com/uds/css/gsearch.css"/> <link type="text/css" rel="stylesheet" href="https://web.archive.org/web/20141005211200cs_/https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3939987801107087044&zx=5efce431-7d04-402f-be92-b785ab816275"/> <style id="page-skin-1" type="text/css"><!-- /* ----------------------------------------------- Blogger Template Style Name: Simple Designer: Josh Peterson URL: www.noaesthetic.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd"/> <Group description="Page Text" selector="body"> <Variable name="body.font" description="Font" type="font" default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="body.text.color" description="Text Color" type="color" default="#222222"/> </Group> <Group description="Backgrounds" selector=".body-fauxcolumns-outer"> <Variable name="body.background.color" description="Outer Background" type="color" default="#66bbdd"/> <Variable name="content.background.color" description="Main Background" type="color" default="#ffffff"/> <Variable name="header.background.color" description="Header Background" type="color" default="transparent"/> </Group> <Group description="Links" selector=".main-outer"> <Variable name="link.color" description="Link Color" type="color" default="#2288bb"/> <Variable name="link.visited.color" description="Visited Color" type="color" default="#888888"/> <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff"/> </Group> <Group description="Blog Title" selector=".header h1"> <Variable name="header.font" description="Font" type="font" default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="header.text.color" description="Title Color" type="color" default="#3399bb" /> </Group> <Group description="Blog Description" selector=".header .description"> <Variable name="description.text.color" description="Description Color" type="color" default="#777777" /> </Group> <Group description="Tabs Text" selector=".tabs-inner .widget li a"> <Variable name="tabs.font" description="Font" type="font" default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="tabs.text.color" description="Text Color" type="color" default="#999999"/> <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000"/> </Group> <Group description="Tabs Background" selector=".tabs-outer .PageList"> <Variable name="tabs.background.color" description="Background Color" type="color" default="#f5f5f5"/> <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="#eeeeee"/> </Group> <Group description="Post Title" selector="h3.post-title, .comments h4"> <Variable name="post.title.font" description="Font" type="font" default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> </Group> <Group description="Date Header" selector=".date-header"> <Variable name="date.header.color" description="Text Color" type="color" default="#666666"/> <Variable name="date.header.background.color" description="Background Color" type="color" default="transparent"/> </Group> <Group description="Post Footer" selector=".post-footer"> <Variable name="post.footer.text.color" description="Text Color" type="color" default="#666666"/> <Variable name="post.footer.background.color" description="Background Color" type="color" default="#f9f9f9"/> <Variable name="post.footer.border.color" description="Shadow Color" type="color" default="#eeeeee"/> </Group> <Group description="Gadgets" selector="h2"> <Variable name="widget.title.font" description="Title Font" type="font" default="normal bold 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/> <Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000"/> <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#999999"/> </Group> <Group description="Images" selector=".main-inner"> <Variable name="image.background.color" description="Background Color" type="color" default="#ffffff"/> <Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee"/> <Variable name="image.text.color" description="Caption Text Color" type="color" default="#666666"/> </Group> <Group description="Accents" selector=".content-inner"> <Variable name="body.rule.color" description="Separator Line Color" type="color" default="#eeeeee"/> <Variable name="tabs.border.color" description="Tabs Border Color" type="color" default="transparent"/> </Group> <Variable name="body.background" description="Body Background" type="background" color="#ffffff" default="$(color) none repeat scroll top left"/> <Variable name="body.background.override" description="Body Background Override" type="string" default=""/> <Variable name="body.background.gradient.cap" description="Body Gradient Cap" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"/> <Variable name="body.background.gradient.tile" description="Body Gradient Tile" type="url" default="url(//www.blogblog.com/1kt/simple/body_gradient_tile_light.png)"/> <Variable name="content.background.color.selector" description="Content Background Color Selector" type="string" default=".content-inner"/> <Variable name="content.padding" description="Content Padding" type="length" default="10px"/> <Variable name="content.padding.horizontal" description="Content Horizontal Padding" type="length" default="10px"/> <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="40px"/> <Variable name="content.shadow.spread.webkit" description="Content Shadow Spread (WebKit)" type="length" default="5px"/> <Variable name="content.shadow.spread.ie" description="Content Shadow Spread (IE)" type="length" default="10px"/> <Variable name="main.border.width" description="Main Border Width" type="length" default="0"/> <Variable name="header.background.gradient" description="Header Gradient" type="url" default="none"/> <Variable name="header.shadow.offset.left" description="Header Shadow Offset Left" type="length" default="-1px"/> <Variable name="header.shadow.offset.top" description="Header Shadow Offset Top" type="length" default="-1px"/> <Variable name="header.shadow.spread" description="Header Shadow Spread" type="length" default="1px"/> <Variable name="header.padding" description="Header Padding" type="length" default="30px"/> <Variable name="header.border.size" description="Header Border Size" type="length" default="1px"/> <Variable name="header.bottom.border.size" description="Header Bottom Border Size" type="length" default="1px"/> <Variable name="header.border.horizontalsize" description="Header Horizontal Border Size" type="length" default="0"/> <Variable name="description.text.size" description="Description Text Size" type="string" default="140%"/> <Variable name="tabs.margin.top" description="Tabs Margin Top" type="length" default="0" /> <Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" /> <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url" default="url(//www.blogblog.com/1kt/simple/gradients_light.png)"/> <Variable name="tabs.border.width" description="Tabs Border Width" type="length" default="1px"/> <Variable name="tabs.bevel.border.width" description="Tabs Bevel Border Width" type="length" default="1px"/> <Variable name="date.header.padding" description="Date Header Padding" type="string" default="inherit"/> <Variable name="date.header.letterspacing" description="Date Header Letter Spacing" type="string" default="inherit"/> <Variable name="date.header.margin" description="Date Header Margin" type="string" default="inherit"/> <Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px"/> <Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px"/> <Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px"/> <Variable name="page.width.selector" description="Page Width Selector" type="string" default=".region-inner"/> <Variable name="page.width" description="Page Width" type="string" default="auto"/> <Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px"/> <Variable name="main.padding" description="Main Padding" type="length" default="15px"/> <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px"/> <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px"/> <Variable name="paging.background" color="#ffffff" description="Background of blog paging area" type="background" default="transparent none no-repeat scroll top center"/> <Variable name="footer.bevel" description="Bevel border length of footer" type="length" default="0"/> <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string" default="transparent none repeat scroll top left"/> <Variable name="mobile.background.size" description="Mobile Background Size" type="string" default="auto"/> <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" /> <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/> <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/> */ /* Content ----------------------------------------------- */ body { font: normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif; color: #666666; background: #ffffff none repeat scroll top left; padding: 0 0 0 0; } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } a:link { text-decoration:none; color: #2288bb; } a:visited { text-decoration:none; color: #888888; } a:hover { text-decoration:underline; color: #33aaff; } .body-fauxcolumn-outer .fauxcolumn-inner { background: transparent none repeat scroll top left; _background-image: none; } .body-fauxcolumn-outer .cap-top { position: absolute; z-index: 1; height: 400px; width: 100%; background: #ffffff none repeat scroll top left; } .body-fauxcolumn-outer .cap-top .cap-left { width: 100%; background: transparent none repeat-x scroll top left; _background-image: none; } .content-outer { -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 0 #333333; box-shadow: 0 0 0 rgba(0, 0, 0, .15); margin-bottom: 1px; } .content-inner { padding: 10px 40px; } .content-inner { background-color: #ffffff; } /* Header ----------------------------------------------- */ .header-outer { background: transparent none repeat-x scroll 0 -400px; _background-image: none; } .Header h1 { font: normal normal 40px 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #000000; text-shadow: 0 0 0 rgba(0, 0, 0, .2); } .Header h1 a { color: #000000; } .Header .description { font-size: 18px; color: #000000; } .header-inner .Header .titlewrapper { padding: 22px 0; } .header-inner .Header .descriptionwrapper { padding: 0 0; } /* Tabs ----------------------------------------------- */ .tabs-inner .section:first-child { border-top: 0 solid #dddddd; } .tabs-inner .section:first-child ul { margin-top: -1px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } .tabs-inner .widget ul { background: transparent none repeat-x scroll 0 -800px; _background-image: none; border-bottom: 1px solid #dddddd; margin-top: 0; margin-left: -30px; margin-right: -30px; } .tabs-inner .widget li a { display: inline-block; padding: .6em 1em; font: normal normal 12px 'Trebuchet MS', Trebuchet, Verdana, sans-serif; color: #000000; border-left: 1px solid #ffffff; border-right: 1px solid #dddddd; } .tabs-inner .widget li:first-child a { border-left: none; } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { color: #000000; background-color: #eeeeee; text-decoration: none; } /* Columns ----------------------------------------------- */ .main-outer { border-top: 0 solid transparent; } .fauxcolumn-left-outer .fauxcolumn-inner { border-right: 1px solid transparent; } .fauxcolumn-right-outer .fauxcolumn-inner { border-left: 1px solid transparent; } /* Headings ----------------------------------------------- */ h2 { margin: 0 0 1em 0; font: normal bold 11px 'Trebuchet MS',Trebuchet,Verdana,sans-serif; color: #000000; } /* Widgets ----------------------------------------------- */ .widget .zippy { color: #999999; text-shadow: 2px 2px 1px rgba(0, 0, 0, .1); } .widget .popular-posts ul { list-style: none; } /* Posts ----------------------------------------------- */ .date-header span { background-color: #bbbbbb; color: #ffffff; padding: 0.4em; letter-spacing: 3px; margin: inherit; } .main-inner { padding-top: 35px; padding-bottom: 65px; } .main-inner .column-center-inner { padding: 0 0; } .main-inner .column-center-inner .section { margin: 0 1em; } .post { margin: 0 0 45px 0; } h3.post-title, .comments h4 { font: normal normal 22px 'Trebuchet MS',Trebuchet,Verdana,sans-serif; margin: .75em 0 0; } .post-body { font-size: 110%; line-height: 1.4; position: relative; } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: 2px; background: #ffffff; border: 1px solid #eeeeee; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); } .post-body img, .post-body .tr-caption-container { padding: 5px; } .post-body .tr-caption-container { color: #666666; } .post-body .tr-caption-container img { padding: 0; background: transparent; border: none; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1); box-shadow: 0 0 0 rgba(0, 0, 0, .1); } .post-header { margin: 0 0 1.5em; line-height: 1.6; font-size: 90%; } .post-footer { margin: 20px -2px 0; padding: 5px 10px; color: #666666; background-color: #eeeeee; border-bottom: 1px solid #eeeeee; line-height: 1.6; font-size: 90%; } #comments .comment-author { padding-top: 1.5em; border-top: 1px solid transparent; background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } #comments .avatar-image-container img { border: 1px solid #eeeeee; } /* Comments ----------------------------------------------- */ .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments .comments-content .loadmore a { border-top: 1px solid #999999; border-bottom: 1px solid #999999; } .comments .comment-thread.inline-thread { background-color: #eeeeee; } .comments .continue { border-top: 2px solid #999999; } /* Accents ---------------------------------------------- */ .section-columns td.columns-cell { border-left: 1px solid transparent; } .blog-pager { background: transparent url(https://web.archive.org/web/20141005211200im_/http://www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center; } .blog-pager-older-link, .home-link, .blog-pager-newer-link { background-color: #ffffff; padding: 5px; } .footer-outer { border-top: 1px dashed #bbbbbb; } /* Mobile ----------------------------------------------- */ body.mobile { background-size: auto; } .mobile .body-fauxcolumn-outer { background: transparent none repeat scroll top left; } .mobile .body-fauxcolumn-outer .cap-top { background-size: 100% auto; } .mobile .content-outer { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); } body.mobile .AdSense { margin: 0 -0; } .mobile .tabs-inner .widget ul { margin-left: 0; margin-right: 0; } .mobile .post { margin: 0; } .mobile .main-inner .column-center-inner .section { margin: 0; } .mobile .date-header span { padding: 0.1em 10px; margin: 0 -10px; } .mobile h3.post-title { margin: 0; } .mobile .blog-pager { background: transparent none no-repeat scroll top center; } .mobile .footer-outer { border-top: none; } .mobile .main-inner, .mobile .footer-inner { background-color: #ffffff; } .mobile-index-contents { color: #666666; } .mobile-link-button { background-color: #2288bb; } .mobile-link-button a:link, .mobile-link-button a:visited { color: #ffffff; } .mobile .tabs-inner .section:first-child { border-top: none; } .mobile .tabs-inner .PageList .widget-content { background-color: #eeeeee; color: #000000; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-left: 1px solid #dddddd; } --></style> <style id="template-skin-1" type="text/css"><!-- body { min-width: 950px; } .content-outer, .content-fauxcolumn-outer, .region-inner { min-width: 950px; max-width: 950px; _width: 950px; } .main-inner .columns { padding-left: 0px; padding-right: 300px; } .main-inner .fauxcolumn-center-outer { left: 0px; right: 300px; /* IE6 does not respect left and right together */ _width: expression(this.parentNode.offsetWidth - parseInt("0px") - parseInt("300px") + 'px'); } .main-inner .fauxcolumn-left-outer { width: 0px; } .main-inner .fauxcolumn-right-outer { width: 300px; } .main-inner .column-left-outer { width: 0px; right: 100%; margin-left: -0px; } .main-inner .column-right-outer { width: 300px; margin-right: -300px; } #layout { min-width: 0; } #layout .content-outer { min-width: 0; width: 800px; } #layout .region-inner { min-width: 0; width: auto; } --></style> <link href="https://web.archive.org/web/20141005211200im_/http://panoramio.com/img/favicon.ico" rel="shortcut icon"/> <link href="https://web.archive.org/web/20141005211200im_/http://panoramio.com/img/favicon.ico" rel="icon"/> <script type="text/javascript">var a="indexOf",b="&m=1",e="(^|&)m=",f="?",g="?m=1";function h(){var c=window.location.href,d=c.split(f);switch(d.length){case 1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var k=navigator.userAgent;if(-1!=k[a]("Mobile")&&-1!=k[a]("WebKit")&&-1==k[a]("iPad")||-1!=k[a]("Opera Mini")||-1!=k[a]("IEMobile")){var l=h();l&&window.location.replace(l)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script></head> <body class="loading variant-simplysimple"> <div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://web.archive.org/web/20141005211200js_/https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://web.archive.org/web/20141005211200/https://www.blogger.com/navbar.g?targetBlogID\0753939987801107087044\46blogName\75Panoramio+-+Google+Maps\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://blog.panoramio.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://blog.panoramio.com/\46targetPostID\0754747826432492685714\46blogPostOrPageUrl\75http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html\46vt\758802159009716597952', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//web.archive.org/web/20141005211200/http://pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </div></div> <div class="body-fauxcolumns"> <div class="fauxcolumn-outer body-fauxcolumn-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </div> <div class="content"> <div class="content-fauxcolumns"> <div class="fauxcolumn-outer content-fauxcolumn-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </div> <div class="content-outer"> <div class="content-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left content-fauxborder-left"> <div class="fauxborder-right content-fauxborder-right"></div> <div class="content-inner"> <header> <div class="header-outer"> <div class="header-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left header-fauxborder-left"> <div class="fauxborder-right header-fauxborder-right"></div> <div class="region-inner header-inner"> <div class="header section" id="header"><div class="widget Header" id="Header1"> <div id="header-inner"> <a href="https://web.archive.org/web/20141005211200/http://www.panoramio.com/" style="display: block"> <img alt="Panoramio - Google Maps" height="72px; " id="Header1_headerimg" src="https://web.archive.org/web/20141005211200im_/http://4.bp.blogspot.com/_f7mwWfWPViw/TVL6HlTZhzI/AAAAAAAAAEo/53b4ZdOQ0xg/s1600/logo-panoramio-google.gif" style="display: block" width="307px; "/> </a> </div> </div></div> </div> </div> <div class="header-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </header> <div class="tabs-outer"> <div class="tabs-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left tabs-fauxborder-left"> <div class="fauxborder-right tabs-fauxborder-right"></div> <div class="region-inner tabs-inner"> <div class="tabs section" id="crosscol"></div> <div class="tabs section" id="crosscol-overflow"></div> </div> </div> <div class="tabs-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <div class="main-outer"> <div class="main-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left main-fauxborder-left"> <div class="fauxborder-right main-fauxborder-right"></div> <div class="region-inner main-inner"> <div class="columns fauxcolumns"> <div class="fauxcolumn-outer fauxcolumn-center-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <div class="fauxcolumn-outer fauxcolumn-left-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <div class="fauxcolumn-outer fauxcolumn-right-outer"> <div class="cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left"> <div class="fauxborder-right"></div> <div class="fauxcolumn-inner"> </div> </div> <div class="cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <!-- corrects IE6 width calculation --> <div class="columns-inner"> <div class="column-center-outer"> <div class="column-center-inner"> <div class="main section" id="main"><div class="widget Blog" id="Blog1"> <div class="blog-posts hfeed"> <!-- google_ad_section_start(name=default) --> <div class="date-outer"> <h2 class="date-header"><span>Friday, August 19, 2005</span></h2> <div class="date-posts"> <div class="post-outer"> <div class="post hentry"> <a name="4747826432492685714"></a> <h3 class="post-title entry-title"> Why Panoramio is not XHTML/CSS valid? </h3> <div class="post-header"> <div class="post-header-line-1"></div> </div> <div class="post-body entry-content"> In my previous post <a href="https://web.archive.org/web/20141005211200/http://www.panoramio.com/blog/?p=2">Fade in and out</a> I said that I didn't care about Panoramio not being xhtml/css valid.<br/><br/>If that sounds weird, it's just because people have forgotten the real goal of validating a site. Validation is a <b>mean</b>, not an end.<br/><br/>The goal is to have a site as cross browser as possible, so that any potential user is able to enjoy it. Validation is a tool to use towards this goal, but it is not the only tool, and not even the most useful one.<br/><br/>Even if people where using fully compliant browsers to see your site (and we all know they are not), there are an awful lot of things that are just not in the specification and can ruin the look of a perfectly valid page. For instance, the standard is silent about the default margin, color and font that a browser should use for any element. There are very good reasons to not specify such things. Font names are not the same between different systems, for instance. But the point is that if you don't really <b>test</b> your page against different browsers, no matter how much does your page validate, it may still look awful for a lot of your visitors.<br/><br/>You can also experience the reverse. You can have a non valid page that is perfectly usable on a 100% standard browser. And I don't mean that “almost everything will work”, I really mean <b>perfectly usable</b>! The XHTML / CSS standards says how a XHTML / CSS document should look, and it also says how a compliant browser should behave in the presence of certain invalid documents. For instance, <a href="https://web.archive.org/web/20141005211200/http://www.w3.org/TR/2002/REC-xhtml1-20020801/#uaconf">unknown attributes should be ignored</a>.<br/><br/>It is thus perfectly legal to invent new attributes, and give them a particular meaning with javascript (just remember that your user may not have javascript activated). Any compliant browser will render your page without a glitch. The only downside is that your page will not be anymore XHTML valid. But if you concern is to have webpages that can be read and used with any browser, you will not have a single problem with this strategy.<br/><br/>This trick is used in our login and register forms in Panoramio, to explicit what test should be run by the client on each field before the form is submitted. E-mails should be real e-mails, some fields are mandatory, that kind of thing. The result is much cleaner than adding these tests ad-hoc in javascript. (Note that this framework is not yet finished, and thus the javascript code still does some tests in an ad-hocist manner.)<br/> <div style="clear: both;"></div> </div> <div class="post-footer"> <div class="post-footer-line post-footer-line-1"><span class="post-author vcard"> </span> <span class="post-timestamp"> at <a class="timestamp-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html" rel="bookmark" title="permanent link"><abbr class="published" title="2005-08-19T08:04:00-07:00">8:04 AM</abbr></a> </span> <span class="post-comment-link"> </span> <span class="post-icons"> <span class="item-control blog-admin pid-1097672307"> <a href="https://web.archive.org/web/20141005211200/http://www.blogger.com/post-edit.g?blogID=3939987801107087044&postID=4747826432492685714&from=pencil" title="Edit Post"> <img alt="" class="icon-action" height="18" src="https://web.archive.org/web/20141005211200im_/http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18"/> </a> </span> </span> <div class="post-share-buttons"> <a class="goog-inline-block share-button sb-email" href="https://web.archive.org/web/20141005211200/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=email" target="_blank" title="Email This"><span class="share-button-link-text">Email This</span></a><a class="goog-inline-block share-button sb-blog" href="https://web.archive.org/web/20141005211200/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=blog" onclick="window.open(this.href, "_blank", "height=270,width=475"); return false;" target="_blank" title="BlogThis!"><span class="share-button-link-text">BlogThis!</span></a><a class="goog-inline-block share-button sb-twitter" href="https://web.archive.org/web/20141005211200/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=twitter" target="_blank" title="Share to Twitter"><span class="share-button-link-text">Share to Twitter</span></a><a class="goog-inline-block share-button sb-facebook" href="https://web.archive.org/web/20141005211200/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=facebook" onclick="window.open(this.href, "_blank", "height=430,width=640"); return false;" target="_blank" title="Share to Facebook"><span class="share-button-link-text">Share to Facebook</span></a><a class="goog-inline-block share-button sb-pinterest" href="https://web.archive.org/web/20141005211200/http://www.blogger.com/share-post.g?blogID=3939987801107087044&postID=4747826432492685714&target=pinterest" target="_blank" title="Share to Pinterest"><span class="share-button-link-text">Share to Pinterest</span></a><div class="goog-inline-block dummy-container"><g:plusone source="blogger:blog:plusone" href="http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html" size="medium" width="300" annotation="inline"/></div> </div> </div> <div class="post-footer-line post-footer-line-2"><span class="post-labels"> </span> </div> <div class="post-footer-line post-footer-line-3"></div> </div> </div> <div class="comments" id="comments"> <a name="comments"></a> <div id="backlinks-container"> <div id="Blog1_backlinks-container"> <a name="links"></a><h4> </h4> <p class="comment-footer"> <a class="comment-link" href="" id="Blog1_backlinks-create-link" target="_blank"> </a> </p> </div> </div> </div> </div> </div></div> <!-- google_ad_section_end --> </div> <div class="blog-pager" id="blog-pager"> <span id="blog-pager-newer-link"> <a class="blog-pager-newer-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/first-mac-mini-experience.html" id="Blog1_blog-pager-newer-link" title="Newer Post">Newer Post</a> </span> <span id="blog-pager-older-link"> <a class="blog-pager-older-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/turquino-trail-in-cuba.html" id="Blog1_blog-pager-older-link" title="Older Post">Older Post</a> </span> <a class="home-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/">Home</a> </div> <div class="clear"></div> <div class="post-feeds"> </div> <script type="text/javascript">window.___gcfg = {'lang': 'en'};</script> </div></div> </div> </div> <div class="column-left-outer"> <div class="column-left-inner"> <aside> </aside> </div> </div> <div class="column-right-outer"> <div class="column-right-inner"> <aside> <div class="sidebar section" id="sidebar-right-1"><div class="widget HTML" id="HTML3"> <div class="widget-content"> <div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script><script src="//web.archive.org/web/20141005211200js_/http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=HTML&widgetId=HTML3&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML3"));" target="configHTML3" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget CustomSearch" id="CustomSearch1"> <h2 class="title">Search This Blog</h2> <div class="widget-content"> <div id="CustomSearch1_form"> <span class="cse-status">Loading...</span> </div> </div> <style type="text/css"> #uds-searchControl .gs-result .gs-title, #uds-searchControl .gs-result .gs-title *, #uds-searchControl .gsc-results .gsc-trailing-more-results, #uds-searchControl .gsc-results .gsc-trailing-more-results * { color:#2288bb; } #uds-searchControl .gs-result .gs-title a:visited, #uds-searchControl .gs-result .gs-title a:visited * { color:#888888; } #uds-searchControl .gs-relativePublishedDate, #uds-searchControl .gs-publishedDate { color: #000000; } #uds-searchControl .gs-result a.gs-visibleUrl, #uds-searchControl .gs-result .gs-visibleUrl { color: #2288bb; } #uds-searchControl .gsc-results { border-color: #dddddd; background-color: #ffffff; } #uds-searchControl .gsc-tabhActive { border-color: #dddddd; border-top-color: #dddddd; background-color: #ffffff; color: #666666; } #uds-searchControl .gsc-tabhInactive { border-color: #dddddd; background-color: transparent; color: #2288bb; } #uds-searchClearResults { border-color: #dddddd; } #uds-searchClearResults:hover { border-color: #dddddd; } #uds-searchControl .gsc-cursor-page { color: #2288bb; } #uds-searchControl .gsc-cursor-current-page { color: #666666; } </style> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=CustomSearch&widgetId=CustomSearch1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("CustomSearch1"));" target="configCustomSearch1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget HTML" id="HTML2"> <div class="widget-content"> <a href="https://web.archive.org/web/20141005211200/http://feeds.feedburner.com/panoramio/Riqg"><img src="https://web.archive.org/web/20141005211200im_/http://feeds.feedburner.com/~fc/panoramio/Riqg?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt=""/></a> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=HTML&widgetId=HTML2&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML2"));" target="configHTML2" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget HTML" id="HTML1"> <div class="widget-content"> <iframe width="240" height="200" frameborder="0" src="https://web.archive.org/web/20141005211200if_/http://www.panoramio.com/wapi/template/slideshow.html?tag=best;width=240&height=200&delay=5" scrolling="no" marginwidth="0" marginheight="0"></iframe> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=HTML&widgetId=HTML1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" target="configHTML1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget Subscribe" id="Subscribe1"> <div style="white-space:nowrap"> <h2 class="title">Subscribe To</h2> <div class="widget-content"> <div class="subscribe-wrapper subscribe-type-POST"> <div class="subscribe expanded subscribe-type-POST" id="SW_READER_LIST_Subscribe1POST" style="display:none;"> <div class="top"> <span class="inner" onclick="return(_SW_toggleReaderList(event, "Subscribe1POST"));"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211200im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon_feed12.png"/> Posts </span> <div class="feed-reader-links"> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211200/http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2Fposts%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/widgets/subscribe-netvibes.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211200/http://add.my.yahoo.com/content?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2Fposts%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/widgets/subscribe-yahoo.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/feeds/posts/default" target="_blank"> <img align="absmiddle" class="feed-icon" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon_feed12.png"/> Atom </a> </div> </div> <div class="bottom"></div> </div> <div class="subscribe" id="SW_READER_LIST_CLOSED_Subscribe1POST" onclick="return(_SW_toggleReaderList(event, "Subscribe1POST"));"> <div class="top"> <span class="inner"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211200im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <span onclick="return(_SW_toggleReaderList(event, "Subscribe1POST"));"> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon_feed12.png"/> Posts </span> </span> </div> <div class="bottom"></div> </div> </div> <div class="subscribe-wrapper subscribe-type-PER_POST"> <div class="subscribe expanded subscribe-type-PER_POST" id="SW_READER_LIST_Subscribe1PER_POST" style="display:none;"> <div class="top"> <span class="inner" onclick="return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211200im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon_feed12.png"/> Comments </span> <div class="feed-reader-links"> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211200/http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2F4747826432492685714%2Fcomments%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/widgets/subscribe-netvibes.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211200/http://add.my.yahoo.com/content?url=http%3A%2F%2Fblog.panoramio.com%2Ffeeds%2F4747826432492685714%2Fcomments%2Fdefault" target="_blank"> <img src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/widgets/subscribe-yahoo.png"/> </a> <a class="feed-reader-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/feeds/4747826432492685714/comments/default" target="_blank"> <img align="absmiddle" class="feed-icon" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon_feed12.png"/> Atom </a> </div> </div> <div class="bottom"></div> </div> <div class="subscribe" id="SW_READER_LIST_CLOSED_Subscribe1PER_POST" onclick="return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));"> <div class="top"> <span class="inner"> <img class="subscribe-dropdown-arrow" src="https://web.archive.org/web/20141005211200im_/http://img2.blogblog.com/img/widgets/arrow_dropdown.gif"/> <span onclick="return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));"> <img align="absmiddle" alt="" border="0" class="feed-icon" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon_feed12.png"/> Comments </span> </span> </div> <div class="bottom"></div> </div> </div> <div style="clear:both"></div> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("Subscribe1"));" target="configSubscribe1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div><div class="widget LinkList" id="LinkList2"> <h2>Follow Panoramio on:</h2> <div class="widget-content"> <ul> <li><a href="https://web.archive.org/web/20141005211200/http://twitter.com/panoramio">Twitter</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://www.google.com/profiles/panoramioteam">Google Buzz</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=LinkList&widgetId=LinkList2&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("LinkList2"));" target="configLinkList2" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Label" id="Label1"> <h2>Labels</h2> <div class="widget-content list-label-widget-content"> <ul> <li> <a dir="ltr" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search/label/Contest">Contest</a> <span dir="ltr">(36)</span> </li> <li> <a dir="ltr" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search/label/Panomeeting">Panomeeting</a> <span dir="ltr">(6)</span> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=Label&widgetId=Label1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("Label1"));" target="configLabel1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget BlogArchive" id="BlogArchive1"> <h2>Archive</h2> <div class="widget-content"> <div id="ArchiveList"> <div id="BlogArchive1_ArchiveList"> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2013-01-01T00:00:00-08:00&updated-max=2014-01-01T00:00:00-08:00&max-results=2">2013</a> <span class="post-count" dir="ltr">(2)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2013_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2013_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2012-01-01T00:00:00-08:00&updated-max=2013-01-01T00:00:00-08:00&max-results=50">2012</a> <span class="post-count" dir="ltr">(57)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(12)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2012_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2011-01-01T00:00:00-08:00&updated-max=2012-01-01T00:00:00-08:00&max-results=50">2011</a> <span class="post-count" dir="ltr">(59)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(11)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2011_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2010-01-01T00:00:00-08:00&updated-max=2011-01-01T00:00:00-08:00&max-results=47">2010</a> <span class="post-count" dir="ltr">(47)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(9)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2010_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2009-01-01T00:00:00-08:00&updated-max=2010-01-01T00:00:00-08:00&max-results=18">2009</a> <span class="post-count" dir="ltr">(18)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2009_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2008-01-01T00:00:00-08:00&updated-max=2009-01-01T00:00:00-08:00&max-results=38">2008</a> <span class="post-count" dir="ltr">(38)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2008_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2007-01-01T00:00:00-08:00&updated-max=2008-01-01T00:00:00-08:00&max-results=36">2007</a> <span class="post-count" dir="ltr">(36)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2007_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(6)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2006-01-01T00:00:00-08:00&updated-max=2007-01-01T00:00:00-08:00&max-results=49">2006</a> <span class="post-count" dir="ltr">(49)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(11)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_07_01_archive.html">July</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_06_01_archive.html">June</a> <span class="post-count" dir="ltr">(1)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_05_01_archive.html">May</a> <span class="post-count" dir="ltr">(5)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_04_01_archive.html">April</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_03_01_archive.html">March</a> <span class="post-count" dir="ltr">(3)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_02_01_archive.html">February</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2006_01_01_archive.html">January</a> <span class="post-count" dir="ltr">(8)</span> </li> </ul> </li> </ul> <ul class="hierarchy"> <li class="archivedate expanded"> <a class="toggle" href="javascript:void(0)"> <span class="zippy toggle-open">▼ </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/search?updated-min=2005-01-01T00:00:00-08:00&updated-max=2006-01-01T00:00:00-08:00&max-results=32">2005</a> <span class="post-count" dir="ltr">(32)</span> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005_12_01_archive.html">December</a> <span class="post-count" dir="ltr">(2)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005_11_01_archive.html">November</a> <span class="post-count" dir="ltr">(7)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005_10_01_archive.html">October</a> <span class="post-count" dir="ltr">(12)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate collapsed"> <a class="toggle" href="javascript:void(0)"> <span class="zippy"> ►  </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005_09_01_archive.html">September</a> <span class="post-count" dir="ltr">(4)</span> </li> </ul> <ul class="hierarchy"> <li class="archivedate expanded"> <a class="toggle" href="javascript:void(0)"> <span class="zippy toggle-open">▼ </span> </a> <a class="post-count-link" href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005_08_01_archive.html">August</a> <span class="post-count" dir="ltr">(7)</span> <ul class="posts"> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/loading-google-map-page-with-many.html">Loading Google Map's page with many markers slow i...</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/first-mac-mini-experience.html">First Mac Mini experience</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html">Why Panoramio is not XHTML/CSS valid?</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/turquino-trail-in-cuba.html">Turquino trail in Cuba</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/differences-between-mozilla-and.html">Differences between Mozilla and Internet Explorer</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/still-very-much-work-to-be-done.html">Still very much work to be done</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/fade-in-and-out.html">Fade in and out</a></li> </ul> </li> </ul> </li> </ul> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));" target="configBlogArchive1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget LinkList" id="LinkList1"> <h2>Useful Links</h2> <div class="widget-content"> <ul> <li><a href="https://web.archive.org/web/20141005211200/http://www.panoramio.com/forum">Panoramio Forum</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=LinkList&widgetId=LinkList1&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("LinkList1"));" target="configLinkList1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget LinkList" id="LinkList3"> <h2>Blogs you may like:</h2> <div class="widget-content"> <ul> <li><a href="https://web.archive.org/web/20141005211200/http://google-latlong.blogspot.com/">Lat Long Blog</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://googlemobile.blogspot.com/">Google Mobile</a></li> <li><a href="https://web.archive.org/web/20141005211200/http://googlephotos.blogspot.com/">Google Photos</a></li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=LinkList&widgetId=LinkList3&action=editWidget搂ionId=sidebar-right-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("LinkList3"));" target="configLinkList3" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div> </div></div> </aside> </div> </div> </div> <div style="clear: both"></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class="main-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> <footer> <div class="footer-outer"> <div class="footer-cap-top cap-top"> <div class="cap-left"></div> <div class="cap-right"></div> </div> <div class="fauxborder-left footer-fauxborder-left"> <div class="fauxborder-right footer-fauxborder-right"></div> <div class="region-inner footer-inner"> <div class="foot section" id="footer-1"></div> <table border="0" cellpadding="0" cellspacing="0" class="section-columns columns-2"> <tbody> <tr> <td class="first columns-cell"> <div class="foot section" id="footer-2-1"></div> </td> <td class="columns-cell"> <div class="foot section" id="footer-2-2"></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class="foot section" id="footer-3"><div class="widget Attribution" id="Attribution1"> <div class="widget-content" style="text-align: center;"> Simple template. Powered by <a href="https://web.archive.org/web/20141005211200/http://www.blogger.com/" target="_blank">Blogger</a>. </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID=3939987801107087044&widgetType=Attribution&widgetId=Attribution1&action=editWidget搂ionId=footer-3" onclick="return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));" target="configAttribution1" title="Edit"> <img alt="" height="18" src="https://web.archive.org/web/20141005211200im_/http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"/> </a> </span> </span> <div class="clear"></div> </div></div> </div> </div> <div class="footer-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </footer> <!-- content --> </div> </div> <div class="content-cap-bottom cap-bottom"> <div class="cap-left"></div> <div class="cap-right"></div> </div> </div> </div> <script type="text/javascript"> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-19996418-7']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://web.archive.org/web/20141005211200/https://ssl' : 'https://web.archive.org/web/20141005211200/http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); </script><script type="text/javascript" src="https://web.archive.org/web/20141005211200js_/https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script> <script type="text/javascript" src="//web.archive.org/web/20141005211200js_/http://www.google.com/jsapi"></script> <script type="text/javascript" src="https://web.archive.org/web/20141005211200js_/https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV2";window['blogger_blog_id'] = '3939987801107087044';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('//web.archive.org/web/20141005211200/http://www.blogger.com/rearrange?blogID\x3d3939987801107087044','//web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html','3939987801107087044'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3939987801107087044', 'bloggerUrl': 'https://web.archive.org/web/20141005211200/http://www.blogger.com', 'title': 'Panoramio - Google Maps', 'pageType': 'item', 'postId': '4747826432492685714', 'url': 'https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html', 'canonicalUrl': 'https://web.archive.org/web/20141005211200/http://blog.panoramio.com/2005/08/why-panoramio-is-not-xhtmlcss-valid.html', 'canonicalHomepageUrl': 'https://web.archive.org/web/20141005211200/http://blog.panoramio.com/', 'homepageUrl': 'https://web.archive.org/web/20141005211200/http://blog.panoramio.com/', 'blogspotFaviconUrl': 'https://web.archive.org/web/20141005211200/http://blog.panoramio.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': '', 'searchLabel': '', 'searchQuery': '', 'pageName': 'Why Panoramio is not XHTML/CSS valid?', 'pageTitle': 'Panoramio - Google Maps: Why Panoramio is not XHTML/CSS valid?', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Panoramio - Google Maps - Atom\42 href\75\42http://blog.panoramio.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\42Panoramio - Google Maps - RSS\42 href\75\42http://blog.panoramio.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\42Panoramio - Google Maps - Atom\42 href\75\42http://www.blogger.com/feeds/3939987801107087044/posts/default\42 /\76\n\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\42Panoramio - Google Maps - Atom\42 href\75\42http://blog.panoramio.com/feeds/4747826432492685714/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,f\75\42chrome\42,g\75\42tick\42,k\75\42jstiming\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){var e\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[e,d];if(void 0\75\75c)try{b.console.timeStamp(\42CSI/\42+a)}catch(h){}};this[g](\42start\42,null,a)}var a;b.performance\46\46(a\75b.performance.timing);var n\75a?new d(a.responseStart):new d;b.jstiming\75{Timer:d,load:n};if(a){var c\75a.navigationStart,h\75a.responseStart;0\74c\46\46h\76\75c\46\46(b[k].srt\75h-c)}if(a){var e\75b[k].load;0\74c\46\46h\76\75c\46\46(e[g](\42_wtsrt\42,void 0,c),e[g](\42wtsrt_\42,\42_wtsrt\42,h),e[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,\nb[f]\46\46b[f].csi\46\46(a\75Math.floor(b[f].csi().pageT),e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b[f].csi().startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,e\46\0460\74c\46\46(e[g](\42_tbnd\42,void 0,b.external.startE),e[g](\42tbnd_\42,\42_tbnd\42,c))),a\46\46(b[k].pt\75a)}catch(p){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[k].load[g](\42aft\42)};var l\75!1;function m(){l||(l\75!0,b[k].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,m,!1):b.attachEvent(\42onscroll\42,m);\n })();\74/script\076', 'mobileHeadScript': '', 'ieCssRetrofitLinks': '\74!--[if IE]\76\74script type\75\42text/javascript\42 src\75\42https://www.blogger.com/static/v1/jsbin/3204238090-ieretrofit.js\42\76\74/script\76\n\74![endif]--\076', 'view': '', 'dynamicViewsCommentsSrc': '//web.archive.org/web/20141005211200/http://www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//web.archive.org/web/20141005211200/http://www.blogblog.com/dynamicviews/76f25a6f2e06af76', 'plusOneApiSrc': 'https://web.archive.org/web/20141005211200/https://apis.google.com/js/plusone.js', 'sf': 'n', 'tf': ''}}, {'name': 'skin', 'data': {'vars': {'content_padding': '10px', 'paging_background': 'transparent url(http://www.blogblog.com/1kt/simple/paging_dot.png) repeat-x scroll top center', 'image_border_small_size': '2px', 'body_background_gradient_cap': 'none', 'tabs_selected_background_color': '#eeeeee', 'body_rule_color': 'transparent', 'header_shadow_spread': '0', 'header_shadow_offset_left': '0', 'header_padding': '0', 'link_visited_color': '#888888', 'mobile_background_size': 'auto', 'post_title_font': 'normal normal 22px \47Trebuchet MS\47,Trebuchet,Verdana,sans-serif', 'tabs_text_color': '#000000', 'date_header_margin': 'inherit', 'header_background_gradient': 'none', 'header_bottom_border_size': '0', 'content_shadow_spread_webkit': '0', 'header_shadow_offset_top': '0', 'mobile_button_color': '#ffffff', 'widget_title_font': 'normal bold 11px \47Trebuchet MS\47,Trebuchet,Verdana,sans-serif', 'main_section_margin': '1em', 'keycolor': '#ffffff', 'content_shadow_spread': '0', 'image_background_color': '#ffffff', 'header_font': 'normal normal 40px \47Trebuchet MS\47,Trebuchet,Verdana,sans-serif', 'header_background_color': 'transparent', 'main_border_width': '0', 'main_padding': '0', 'tabs_border_color': '#dddddd', 'image_text_color': '#666666', 'description_text_size': '18px', 'post_footer_background_color': '#eeeeee', 'body_background_gradient_tile': 'none', 'page_width': 'auto', 'tabs_background_gradient': 'none', 'mobile_background_overlay': 'transparent none repeat scroll top left', 'main_padding_bottom': '65px', 'tabs_background_color': 'transparent', 'image_border_large_size': '5px', 'post_margin_bottom': '45px', 'body_background_override': '', 'tabs_margin_side': '30px', 'link_hover_color': '#33aaff', 'description_text_color': '#000000', 'body_text_color': '#666666', 'content_padding_horizontal': '40px', 'endSide': 'right', 'page_width_selector': '.region-inner', 'date_header_padding': '0.4em', 'post_footer_text_color': '#666666', 'startSide': 'left', 'date_header_color': '#ffffff', 'tabs_font': 'normal normal 12px \47Trebuchet MS\47, Trebuchet, Verdana, sans-serif', 'post_footer_border_color': '#eeeeee', 'body_font': 'normal normal 12px \47Trebuchet MS\47, Trebuchet, Verdana, sans-serif', 'footer_bevel': '1px', 'tabs_bevel_border_width': '1px', 'date_header_background_color': '#bbbbbb', 'content_shadow_spread_ie': '0', 'widget_title_text_color': '#000000', 'header_border_horizontalsize': '1px', 'image_border_color': '#eeeeee', 'tabs_border_width': '1px', 'content_background_color': '#ffffff', 'link_color': '#2288bb', 'header_text_color': '#000000', 'date_header_letterspacing': '3px', 'tabs_margin_top': '0', 'main_padding_top': '35px', 'header_border_size': '1px', 'tabs_selected_text_color': '#000000', 'content_background_color_selector': '.content-inner', 'body_background_color': '#ffffff', 'widget_alternate_text_color': '#999999'}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\75timeslide'}}}]); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-1', null, document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_CustomSearchView', new _WidgetInfo('CustomSearch1', 'sidebar-right-1', null, document.getElementById('CustomSearch1'), {'title': 'Search This Blog', 'includeBlog': true, 'includePostLinks': true, 'includeWeb': false, 'linkLists': [{'id': 'LinkList1', 'title': 'Useful Links'}], 'blogUrl': 'https://web.archive.org/web/20141005211200/http://blog.panoramio.com/', 'loadingMsg': 'Loading...', 'thisBlogMsg': 'This Blog', 'linkedFromHereMsg': 'Linked From Here', 'theWebMsg': 'The Web', 'backgroundColor': '#ffffff', 'textColor': '#666666', 'dateColor': '#000000', 'linkColor': '#2288bb', 'urlColor': '#2288bb', 'visitedLinkColor': '#888888', 'borderColor': '#dddddd', 'activeBorderColor': '#dddddd', 'cse_ua': true}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', null, document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', null, document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'sidebar-right-1', null, document.getElementById('LinkList2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-1', null, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar-right-1', null, document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'sidebar-right-1', null, document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {'attribution': 'Simple template. Powered by \74a href\75\47http://www.blogger.com\47 target\75\47_blank\47\76Blogger\74/a\76.'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'showBacklinks': true, 'postId': '4747826432492685714', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://web.archive.org/web/20141005211200/https://www.blogger.com/static/v1/jsbin/2838879091-lbx.js', 'lightboxCssUrl': 'https://web.archive.org/web/20141005211200/https://www.blogger.com/static/v1/v-css/2392111094-lightbox_bundle.css'}, 'displayModeFull')); </script> </body> </html><!-- FILE ARCHIVED ON 21:12:00 Oct 05, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:01:51 Nov 26, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.709 exclusion.robots: 0.036 exclusion.robots.policy: 0.021 esindex: 0.013 cdx.remote: 31.839 LoadShardBlock: 307.657 (3) PetaboxLoader3.datanode: 148.551 (4) PetaboxLoader3.resolve: 166.517 (2) load_resource: 147.335 -->