Business blog: XML template

XML template

Sabtu, 17 Januari 2009

Buat para blogger nih ada template baru yang pastinyta bagus buat di jadikan sorotan.Cara gantinya juga tidak harus upload dulu,tetapi tinggal copy paste ke Edit HTML milik kamu,iya seh mirip kayak template klasik cara penggunaanya tetapi lihat dulu hasilnya baru deh komentar

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: XBOX 360----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#fff"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#555" value="#555555"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 80% 'Verdana','Arial'" value="normal normal 80% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #c2c2c2 url('http://lh3.google.com/image/jvdmds/ReuJ6nX1v4I/AAAAAAAAAH8/tMuSjUryR3Q/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cxbox-bg.jpg') fixed repeat-x top center; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #5b9e1c;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 770px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 7px; /* to avoid the border image */ width: 745px; } #main { float: right; width: 450px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 270px; padding: 0px; font-size: 85%; color: #5b9e1c; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://lh4.google.com/image/jvdmds/ReuJ63X1v5I/AAAAAAAAAIE/bVMz5YnHQ5o/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cxbox-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; } #header { margin: 0; height:238px; width:770; color: $pagetitlecolor; background: url('http://lh3.google.com/image/jvdmds/ReuIgnX1v0I/AAAAAAAAAHc/vesFU6deea0/xbox-1.jpg') no-repeat top center; } #header h1 { width: 430px; font-size: 230%; padding: 40px 0px 0px 30px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:-10px 0px 15px 400px; text-align:left; padding:0px; width:350px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #ff9933; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 770px; height:93px; padding: 0px; background: url('http://lh3.google.com/image/jvdmds/ReuIonX1v1I/AAAAAAAAAHk/0h_8YuZ98Q0/xbox-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Nature by Wood !----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: February 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#b39c7d"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="descriptioncolor" description="Description Color" type="color" default="#999" value="#999"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #b39c7d;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 921px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 40px; /* to avoid the border image */ width: 840px; } #main { float: right; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 190px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/2350/3123/1600/279631/nature-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:344px; width:921; color: #b39c7d; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/699549/nature-1.jpg') no-repeat top center; } #header h1 { width: 580px; font-size: 240%; padding: 120px 0px 0px 220px; text-shadow: #81A75B 2px 2px 2px; text-align: center; } #header h1 a { text-decoration: none; color: #b39c7d; } #header h1 a:hover { color: #eee; } #header .description { margin:-10pxpx 20px 0px 0px; text-align:left; padding-left: 250px; width:530px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #b39c7d; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: green; text-decoration: none;} .post h3 a:hover { color: #b39c7d; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 921px; height:156px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/2350/3123/1600/556019/nature-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Besme_allah ----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: January 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#fff"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff" value="#ffffff"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #98341c; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #467839;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 862px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 755px; } #main { float: right; width: 510px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 190px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/7156/2649/1600/608604/sm4.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:251px; width:862; color: $pagetitlecolor; background: url('http://photos1.blogger.com/x/blogger/281/2650/1600/480198/h1.jpg') no-repeat top center; } #header h1 { width: 600px; font: $pagetitlefont; padding: 60px 0px 0px 230px; filter: glow(color=#000000,Strength=5); text-align: center; } #header h1 a { text-decoration: none; color: #cccccc; } #header h1 a:hover { color: #739a88; } #header .description { margin:0px; padding-left: 270px; width: 550px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: red; } .post { background: url('http://photos1.blogger.com/x/blogger/7156/2649/1600/421683/lb2.jpg') no-repeat bottom left; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #ff6633; text-decoration: none;} .post h3 a:hover { color: #467839; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer {text-align:center; color: #c0c0c0; line-height: 113px; margin: 0; width: 862px; height:113px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/7156/2649/1600/458940/sm3.jpg') no-repeat top center; } #footer-wrapper a { color: #c0c0c0; text-decoration: none;} #footer-wrapper a:hover{ color: #369; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Autoblog----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#ffffff"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff" value="#ffffff"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #515f6c; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #007ba4;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 840px; } #main { float: left; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: right; width: 210px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://lh5.google.com/image/jvdmds/ReOp2GV5X9I/AAAAAAAAAGo/kO32IqjWnmg/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cjeep-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:302px; width:920; color: #ffffff; background: url('http://lh4.google.com/image/jvdmds/ReOng2V5X4I/AAAAAAAAAGA/328J4zyeFgc/jeep-1.jpg') no-repeat top center; } #header h1 { width: 700px; font-size: 290%; padding: 120px 0px 0px 47px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:-15px 20px 0px 50px; text-align:left; width:820px; line-height: 1.1em; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #ff9933; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:135px; padding: 0px; background: url('http://lh3.google.com/image/jvdmds/ReOnhmV5X5I/AAAAAAAAAGI/A17_jaYvuNg/jeep-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Polar Bears ----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: January 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFc"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#006a9d"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#006a9d"> <variable name="descriptioncolor" description="Description Color" type="color" default="#A78E71" value="#A78E71"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #006a9d;text-decoration: none; } a:visited { color: #006a9d;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 862px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 742px; } #main { float: right; width: 510px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 185px; padding: 0px; font-size: 85%; color: #006a9d; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/1785/2761/1600/544834/cent-bear.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:236px; width:862; color: #FFFFFF; background: url('http://photos1.blogger.com/x/blogger/1785/2761/1600/241496/polar-bear.jpg') no-repeat top left; } #header h1 { width: 350px; font-size: 210%; padding: 90px 470px 0px 60px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: #FFFFCC; } #header h1 a:hover { color: #eee; } #header .description { margin:-10px 0px 0px 60px; text-align:left; width:760px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { background: url('http://photos1.blogger.com/x/blogger/6727/2649/1600/971694/lb.jpg') no-repeat bottom left;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #a78e71; text-decoration: none;} .post h3 a:hover { color: #006a9d; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 862px; height:182px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/1785/2761/1600/141862/foot-bear.jpg') no-repeat top left; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: coffee cup!----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: February 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#b39c7d"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #67452e; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #b39c7d;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 50px; /* to avoid the border image */ width: 800px; } #main { float: right; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 190px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/6092/2649/1600/944875/cup-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:327px; width:920; color: #67452e; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/357990/cup-1.jpg') no-repeat top center; } #header h1 { width: 560px; font-size: 245%; padding: 160px 0px 0px 90px; text-shadow: #81A75B 2px 2px 2px; text-align: left; } #header h1 a { text-decoration: none; color: #b39c7d; } #header h1 a:hover { color: #eee; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #b39c7d; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #67432e; text-decoration: none;} .post h3 a:hover { color: #b39c7d; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:220px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/574849/cup-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Laptop----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: January 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#626868"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff" value="#ffffff"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #515f6c; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #007ba4;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 900px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 780px; } #main { float: right; width: 550px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 170px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/7156/2649/1600/39346/laptop-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:315px; width:900; color: #ffffff; background: url('http://photos1.blogger.com/x/blogger/7156/2649/1600/128746/laptop-1.jpg') no-repeat top center; } #header h1 { width: 630px; font-size: 290%; padding: 120px 0px 0px 40px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:-10px 20px 0px 40px; text-align:left; width:550px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #ff9933; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 900px; height:86px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/7156/2649/1600/458697/laptop-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Mobile Phone-Red----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#626868"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff" value="#ffffff"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #9b1321; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #007ba4;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 825px; } #main { float: right; width: 610px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 175px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://lh5.google.com/image/jvdmds/ReOp2GV5X-I/AAAAAAAAAGw/zM3DYZGve1Q/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cmobile-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:311px; width:920; color: #ffffff; background: url('http://lh5.google.com/image/jvdmds/ReOncGV5X1I/AAAAAAAAAFo/Ex-dTCtAEZY/mobile-1.jpg') no-repeat top center; } #header h1 { width: 570px; font-size: 290%; padding: 120px 0px 0px 50px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:-10pxpx 20px 0px 0px; text-align:left; padding-left: 50px; width:700px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #9b1321; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:101px; padding: 0px; background: url('http://lh4.google.com/image/jvdmds/ReOnc2V5X2I/AAAAAAAAAFw/4snopZGDIYI/mobile-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Play Station 3----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#fff"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#ffc" value="#ffffcc"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #333333; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #007ba4;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 840px; } #main { float: left; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: right; width: 210px; padding: 0px; font-size: 85%; color: #c0c0c0; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://lh4.google.com/image/jvdmds/ReTwrmV5YBI/AAAAAAAAAHI/MsW4H8C4e9c/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cps3-b.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:289px; width:920; color: $pagetitlecolor; background: url('http://lh4.google.com/image/jvdmds/ReTwrmV5YAI/AAAAAAAAAHA/-e9uo46I_KA/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cps3-a.jpg') no-repeat top left; } #header h1 { width: 600px; font-size: 290%; padding: 120px 0px 0px 50px; filter: shadow(color=#cccccc,Strength=4); text-align: left; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:0px 0px 0px 50px; text-align:left; width:600px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: gray; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ #sidebar a{ color: #c0c0c0;} #sidebar a:hover{ color: #ff9933;} .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #eeeeee; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:132px; padding: 0px; background: url('http://lh4.google.com/image/jvdmds/ReTwrmV5YCI/AAAAAAAAAHQ/TASaNAuctig/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cps3-c.jpg') no-repeat top left; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Simple-Red----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: 2007 July ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333" value="#333333"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#d6d7d9" value="#d6d7d9"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#f3f3f3" value="#f3f3f3"> <variable name="datecolor" description="Date Header Color" type="color" default="#999" value="#999999"> <variable name="titlecolor" description="Post Title Color" type="color" default="#fff" value="#ffffff"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#eddeb5" value="#eddeb5"> <variable name="footercolor" description="Post Footer Color" type="color" default="#c0c0c0" value="#c0c0c0"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#666666"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#fff" value="#ffffff"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#999" value="#999999"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#f63" value="#ff6633"> <variable name="linkcolor" description="Link Color" type="color" default="#555" value="#555555"> <variable name="linkhover" description="Link Hover Color" type="color" default="#369" value="#336699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#8c952e" value="#8c952e"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#666" value="#666666"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 80% Verdana, sans-serif" value="normal normal 80% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 280% 'Times New Roman','Georgia'" value="normal bold 280% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 110% 'Arial','Verdana'" value="normal bold 110% 'Arial','Verdana'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 110% 'Arial','Verdana'" value="normal bold 110% 'Arial','Verdana'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 90% 'Verdana','Arial'" value="normal normal 90% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: $PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 7px; padding: 0; } li { list-style: none; padding-left: 8px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; } a:visited { color: $linkcolor; text-decoration: none; } a:hover { color: $linkhover; text-decoration: none; } a:active { color: $linkcolor; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 770px; margin: 0px auto 0; text-align: justify; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 100%; } #main { float: left; width: 500px; margin: 0px; padding-left:20px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: right; width: 200px; padding-top: 5px; padding-right: 20px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background:#fff url('http://lh4.google.com/jvdmds/RpiKpl_lvWI/AAAAAAAAAao/R0Nd-8jVG9E/back-center.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0px} #header { height:145px; width:770; color: $pagetitlecolor; background: #990000 url('http://lh5.google.com/jvdmds/RpiDw1_lvAI/AAAAAAAAAX0/frq3xDvzVZI/red-1.jpg'); } #header h1 { width: 770px; font: $pagetitlefont; padding: 38px 20px 15px 20px; filter: glow(color=#000000,Strength=4); text-align: center; } #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #ffc; } #header .description { margin:0px; text-align:center; padding:0px 20px; width:730px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin: 0; padding-left: 10px; font-size: 75%; color: $datecolor;} .post h3 { margin:0px; padding: 4px 10px; font: $titlefont; color: $titlecolor; background: #990000 url('http://lh6.google.com/jvdmds/RpiE-F_lvKI/AAAAAAAAAZI/s50p20DAwHw/bg-title.jpg') center; border-bottom: 1px solid #c0c0c0;} .post { border: 1px solid #c0c0c0; margin-bottom:20px; background: #fff} .post-body {padding:0 8px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover { color: $titlehovercolor; text-decoration: none; } .post-footer {text-align: right; margin: 0; padding: 0px; font-size: 85%; color:$footercolor; border-top: 1px solid #c0c0c0;} .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #cccccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em; color:$datecolor;} .blog-feeds { text-align: left; color:$datecolor; padding-left: 10px;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } .widget-content {padding: 5px} /* comment styles */ #comments { padding-top: 10px; font-size: 100%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:30px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 {background: #990000 url(http://lh6.google.com/jvdmds/RpiE-F_lvKI/AAAAAAAAAZI/s50p20DAwHw/bg-title.jpg) center; margin:0px; padding: 4px 7px; font: $sidebarheaderfont; color: $sidebarcolor; border-bottom: 1px solid #c0c0c0; } .sidebar .widget {border: 1px solid #c0c0c0; padding: 0px 0 15px 0px; margin-top:20px; background: #ffffff} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { padding-left: 5px} .profile-textblock { clear: both; margin-left: 5px;} .profile-img { float: left; margin: 3px; border: 1px solid #ddd; padding: 2px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper {float: left; width: 770px; height:53px; margin: 0px; padding:0px; font-size: 73%; background: url('http://lh3.google.com/jvdmds/RpiFOV_lvPI/AAAAAAAAAZw/rVQaut-LWTo/footer.jpg'); clear: both; } #footer { text-align:center; color: #c0c0c0; line-height: 50px;} #footer-wrapper a { color: #c0c0c0; text-decoration: none;} #footer-wrapper a:hover{ color: #f63; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 100%;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'center'"> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Feed1'" locked="'false'" title="'Headlines'" type="'Feed'/"> <b:widget id="'HTML1'" locked="'false'" title="'Links'" type="'HTML'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Free Blogger Templates" href="http://www.finalsense.com/services/blog_templates/" shape="rect">FinalSense</a> </div> </div> </div>  </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: PSP----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#fff"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#ddd" value="#dddddd"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: $textcolor; background: #515f6c; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #007ba4;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 840px; } #main { float: left; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: right; width: 210px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://lh5.google.com/image/jvdmds/ReOp2GV5X9I/AAAAAAAAAGo/kO32IqjWnmg/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cjeep-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:302px; width:920; color: $pagetitlecolor; background: url('http://lh6.google.com/image/jvdmds/ReOnjWV5X6I/AAAAAAAAAGQ/sRdEKWghdLs/psp-1.jpg') no-repeat top center; } #header h1 { width: 570px; font-size: 290%; padding: 120px 0px 0px 300px; text-shadow: #81A75B 2px 2px 2px; text-align: right; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:0px 0px 0px 300px; text-align:right; width:570px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #ff9933; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:86px; padding: 0px; background: url('http://lh5.google.com/image/jvdmds/ReOnkGV5X7I/AAAAAAAAAGY/J4xDg5PO3rQ/psp-4.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Photoblog----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#626868"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff" value="#ffffff"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'" value="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #515f6c; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #007ba4;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 780px; } #main { float: right; width: 550px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 170px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://lh5.google.com/image/jvdmds/ReOp2GV5X_I/AAAAAAAAAG4/cAR7aBebjuw/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cpsp-2.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:301px; width:920; color: #ffffff; background: url('http://lh4.google.com/image/jvdmds/ReOnZ2V5X0I/AAAAAAAAAFg/WwWF-R_dPq8/photography-1.jpg') no-repeat top center; } #header h1 { width: 550px; font-size: 290%; padding: 120px 0px 0px 50px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: red; } #header h1 a:hover { color: #eee; } #header .description { margin:-10px 20px 0px 0px; text-align:left; padding-left: 50px; width:520px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #ccc; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #ff9933; text-decoration: none;} .post h3 a:hover { color: #369; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:98px; padding: 0px; background: url('http://lh4.google.com/image/jvdmds/ReOnX2V5XzI/AAAAAAAAAFY/3Su3awlvmhE/psp-3.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

<textarea name="code" rows="6" cols="20"> <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"> <head> <b:include data="'blog'" name="'all-head-content'/"> <title><data:blog.pagetitle/></title> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: coffee cup !----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: February 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#333"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#b39c7d"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <variable name="linkcolor" description="Link Color" type="color" default="#69c"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"> <variable name="descriptioncolor" description="Description Color" type="color" default="#8c952e" value="#8c952e"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 80% 'Verdana','Arial'" value="normal normal 80% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #b39c7d;text-decoration: none; } a:visited { color: #666699;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 50px; /* to avoid the border image */ width: 810px; } #main { float: right; width: 590px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar { float: left; width: 180px; padding: 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/6092/2649/1600/456091/coffee-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:298px; width:920; color: #cccccc; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/257328/coffee-1.jpg') no-repeat top left; } #header h1 { width: 560px; font-size: 305%; padding: 140px 0px 0px 90px; filter: glow(color=#000000,Strength=5); text-align: left; } #header h1 a { text-decoration: none; color: #b39c7d; } #header h1 a:hover { color: #eee; } #header .description { margin:-10px 0px 0px 90px; text-align:left; padding-bottom:10px; width:530px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { border-bottom: 1px solid #b39c7d; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #67432e; text-decoration: none;} .post h3 a:hover { color: #b39c7d; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;} .sidebar li { padding-left: 5px; } .profile-textblock { margin:.5em 0 .5em; } .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 920px; height:223px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/316020/coffee-3.jpg') no-repeat top left; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> </div> </div></div>  </body> </html>

1 comments:

NovalNet mengatakan...
15 Mei 2009 pukul 21.11
bagus sekali mas

Posting Komentar

Silahkan komentar di blog dofollow ini.Boleh berkomentar asal jangan spam ( Tidak sesuai dengan isi blog )Untuk komentar yang cuma Spam dan sedikit terpaksa saya Hapus ^_^

Business blog

XML template

1 comments:

Posting Komentar

Categories

Archives