Cool Template ~ INDRA BLOG

Ni aku kasih template untukmu dijamin bagus,walaupun mungkin masih kalah sama template lain tapi ini adalah template yang kubuat dengan kerja keras tapi template ini bisa dibuka komputer dengan resolusi 1024 by 768 pixels jika menggunakan selain resolusi itu maka tampilan akan tak karuan
1)untuk mengetahui resolusi komputer anda dengan mengklik kanan pada desktop
2)klik pada settings
3)lalu lihat pada bagian bawah ada tulisan screen resolution
4)dibawah sreen resolution ada angka resoluai komputer anda

Ni gambar templatenya:

Dan untuk lebih jelasnya ni samplenya

Ni kodenya

Select All

<?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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <b:include data='blog' name='all-head-content'/>Template By <a href='http://indraokt.blogspot.com/'><img alt='INDRA' src='http://gifup.com/data/gifs/c/6/f/c6f5a13aa4.gif'/></a>
 <title><data:blog.pageTitle/></title>
 <b:skin><![CDATA[
 /* --- * Blogger Template Style---- * Name: N Gage Template----- *Designer: Dwi Indra Oktoviandy ----- * URL: http://indraokt.blogspot.com ------ * Date: 13 April 2009 ----- */
 /* Variable definitions
 ====================
 <variable name="textcolor" description="Text Color"
 type="color" default="#fc9" value="#ffcc99">
 
 <variable name="PageBgColor" description="Main Background Color"
 type="color" default="#900" value="#990000">
 
 <variable name="pagetitlecolor" description="Page Header Color"
 type="color" default="#ffc" value="#ffffcc">
 
 <variable name="datecolor" description="Date Header Color"
 type="color" default="#ccc" value="#cccccc">
 
 <variable name="titlecolor" description="Post Title Color"
 type="color" default="#f90" value="#ff9900">
 
 <variable name="titlehovercolor" description="Post Title Hover Color"
 type="color" default="#fff" value="#ffffff">
 
 <variable name="footercolor" description="Post Footer Color"
 type="color" default="#ccc" value="#cccccc">
 
 <variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#ffc" value="#ffffcc">
 
 <variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#f90" value="#ff9900">
 
 <variable name="sidebarlink" description="Sidebar Link Color"
 type="color" default="#ffc" value="#ffffcc">
 
 <variable name="sidebarhover" description="Sidebar Hover Color"
 type="color" default="#999" value="#999999"> 
 
 <variable name="linkcolor" description="Link Color"
 type="color" default="#fc9" value="#ffcc99">
 
 <variable name="linkhover" description="Link Hover Color"
 type="color" default="#9fecff" value="#9fecff">
 
 <variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#369" value="#336699">
 
 <variable name="descriptioncolor" description="Description Color"
 type="color" default="#666" value="#666666">
 
 <variable name="Commentscolor" description="Comments Text Color"
 type="color" default="#fff" value="#ffffff"> 
 
 <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 200% 'Georgia','Times New Roman'" value="normal bold 200% 'Georgia','Times New Roman'">
 
 <variable name="titlefont" description="Post Title Font"
 type="font" default="normal bold 110% 'Georgia','Times New Roman'" value="normal bold 110% 'Georgia','Times New Roman'">
 
 <variable name="sidebarheaderfont" description="Sidebar Title Font"
 type="font" default="normal bold 105% 'Georgia','Times New Roman'" value="normal bold 105% '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; text-align: left; font:$bodyfont; color:$textcolor; background:#990000 url('http://www.swotti.com/tmp/swotti/cacheBI1NYWDLVGVJAG5VBG9NES1DB25ZB2XLCW==/imgN-Gage1.jpg') no-repeat fixed center center;}
 blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; 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: 9px; margin-bottom: 3px; }
 
 /* links */
 a:link { color: $linkcolor; text-decoration: none; }
 a:visited { color: $visitedlinkcolor; }
 a:hover { color: $linkhover; }
 a:active { color: $visitedlinkcolor; }
 
 /* ---( layout structure )---*/
 #outer-wrapper { width: 990px; margin: 0px; padding: 0px; text-align: justify; }
 #content-wrapper { margin: 0px; padding: 0px; }
 #main { width: 505px; margin: 0px; padding: 0px; word-wrap: break-word; }
 #sidebar { width: 505px; padding: 0; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; }
 #center { overflow: scroll; width: 240px; height: 250px; margin: 57px 0px 0px 383px; border: 0px solid #000;
 scrollbar-face-color: #990000; 
 scrollbar-highlight-color: #990000;
 scrollbar-shadow-color: #990000; 
 scrollbar-3dlight-color: #ffffff;
 scrollbar-arrow-color: #eeeeee; 
 scrollbar-track-color: #990000;
 scrollbar-darkshadow-color: #000000;}
 
 /* ---( header and site name )--- */
 #header-wrapper { margin: 0; }
 #header {height:90px; overflow: hidden; margin: 0; width:600; color: $pagetitlecolor; }
 #header h1 { width: 800px; font: $pagetitlefont; padding: 5px 0px 5px 90px; filter: glow(color:000000, Strength=5); text-align: center;}
 #header h1 a { text-decoration: none; color: $pagetitlecolor; }
 #header h1 a:hover { color: #ffffff; }
 #header .description { margin:-27px 0px 0px 40px; text-align:center; padding:0px; width:890px; font: $descriptionfont; color: $descriptioncolor; }
 
 /* ---( main column )--- */
 h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: $datecolor; }
 .post h3 { margin-top: 0; font: $titlefont; color: $titlecolor; border-top: 1px solid #ff9900; border-bottom: 1px solid #ff9900; }
 .post { margin:0px; padding:5px; }
 .post h3 a {text-decoration: none; color: $titlecolor;}
 .post h3 a:hover { color: $titlehovercolor; text-decoration: none; }
 .post-footer { margin: 0; padding: 0px; font-size: 88%; color:$footercolor; text-align: right; }
 .post img { padding: 6px; border-top: 1px solid #ccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
 .feed-links { clear: both; line-height: 2.5em; color:$footercolor;}
 .blog-feeds { text-align: right; color:$footercolor; border-top: 1px solid #ff9900;}
 #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: $Commentscolor; }
 #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !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; }
 .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}
 .deleted-comment { font-style:italic; color:gray; }
 
 /* ---( sidebar )--- */
 .sidebar h2 { margin:0px; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }
 .sidebar .widget { margin: 0; padding: 0 0 5px 10px;}
 .sidebar a {color: $sidebarlink; text-decoration: none;}
 .sidebar a:hover {color: $sidebarhover; }
 .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 { padding:5px 0px 0px 300px; font-size: 70%; clear: both;}
 #footer {width: 650px; text-align:center; color: #555; }
 #footer-wrapper a { color: #555; text-decoration: none;}
 #footer-wrapper a:hover{ color: #999; 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='header-wrapper'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
 <b:widget id='Header1' locked='true' title='aku (Header)' 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='Posting 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 Me' type='Profile'/>
 <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
 </b:section>
 </div>
 
 
 <div class='clear'>
 </div>
 
 </div>

 </div>

 <div class='footer section' id='footer'>
<div id='footer-wrapper'>
 
 </div>
 </div>
 
 </div>
</div>

 </body>
 </html>

INDRA BLOG

Cool Template

0 comments:

Post a Comment

Profil Indra

Labels

Blog Archive

Menu