Saturday, November 19, 2011

<?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 expr:dir='data:blog.languageDirection' 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'/>
  <title><data:blog.pageTitle/></title>
  <meta expr:content='data:blog.metaDescription' name='description'/>
  <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Harbor
Date:     24 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
/*
   Variable definitions
   ====================
   <Variable name="textcolor" description="Text Color" type="color"
             default="#333" value="#333333">
   <Variable name="titlecolor" description="Blog Title Color"
             type="color" default="#678" value="#667788">
   <Variable name="posttitlecolor" description="Post Title Color" type="color"
             default="#368" value="#336688">
   <Variable name="sidebarheader" description="Sidebar Title Color"
             type="color" default="#933" value="#993333">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#933" value="#993333">

   <Variable name="bodyfont" description="Text Font" type="font"
             default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif">
   <Variable name="pagetitlefont" description="Blog Title Font" type="font"
             default="normal normal 270% Georgia, Serif" value="normal normal 270% Georgia, Serif">
   <Variable name="blogDescriptionFont" description="Blog Description Font" type="font"
             default="normal normal 75% Georgia, Serif" value="normal normal 75% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font" type="font"
             default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif">
   <Variable name="dateHeaderFont" description="Date Header Font" type="font"
             default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

body {
  background:#fff url("http://www1.blogblog.com/harbor/rocks_$startSide.jpg") no-repeat $endSide bottom;
  background-attachment:fixed;
  margin:0;
  padding:0;
  font:x-small Georgia, Serif;
  color:$textcolor;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
  body {background-attachment:scroll;}
  /* End IE5-Mac hack */

a:link {
  color:$posttitlecolor;
  text-decoration:none;
  }
a:visited {
  color:#764;
  text-decoration:none;
  }
a:hover {
  color:$sidebarheader;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Page Structure
----------------------------------------------- */
#wrap {
  background:url("http://www2.blogblog.com/harbor/sky_$startSide.jpg") repeat-x;
  min-width:740px;
  margin:0;
  padding:0;
  text-align:$startSide;
  font: $bodyfont;
  }
#wrap2 {
  background:url("http://www.blogblog.com/harbor/lighthouse_$startSide.jpg") no-repeat $startSide  0px;
  }
#wrap3 {
  background:url("http://www1.blogblog.com/harbor/cloud_$startSide.jpg") no-repeat $endSide 75px;
  }
#wrap4 {
  background:url("http://www1.blogblog.com/harbor/center_cloud_$startSide.jpg") no-repeat 50% 0px;
  padding:15px;
  width:100%;
  width/* */:/**/auto;
  width: /**/auto;
  }
#outer-wrapper {
  max-width:890px;
  padding: 0 30px 50px;
  width:100%;
  width/* */:/**/auto;
  width: /**/auto;
  }
html>body #outer-wrapper {
  border:3px double #fff;
  }
#main-wrapper {
  width:64%;
  float:$endSide;
  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 */
  }
#main {
  margin:0;
  padding:0;
  }
#sidebar-wrapper {
  width:32%;
  float:$startSide;
  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 {
  margin:0;
  padding-top: 170px;
  }

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #sidebar,
body#layout #wrap4,
body#layout #header {
 margin-top: 0;
 margin-bottom: 0;
 padding: 0;
}

body#layout #sidebar-wrapper {
 width: 180px;
 margin-$startSide: 0;
 }

body#layout #wrap4, body#layout #outer-wrapper {
  width: 650px;
}

/* Header
----------------------------------------------- */
#header {
  padding-top:15px;
  padding-$endSide:0;
  padding-bottom:10px;
  padding-$startSide:110px;
  position: relative;
  }

.Header h1 {
  margin:0 0 .25em;
  color:$titlecolor;
  font: $pagetitlefont;
}

.Header h1 a {
  color:$titlecolor;
  text-decoration:none;
}

.Header .description {
  margin:0;
  max-width:700px;
  line-height:1.8em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$titlecolor;
  font: $blogDescriptionFont;
}


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  line-height: 1.4em;
  font: $headerfont;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarheader;
  }


/* Posts
----------------------------------------------- */
h2.date-header {
  margin:2em 0 .5em;
  color: $dateHeaderColor;
  font: $dateHeaderFont;
  }
.post {
  margin:.5em 0 1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  }
.post h3 a, .post h3 strong {
  background:url("http://www1.blogblog.com/harbor/icon_lighthouse.gif") no-repeat $startSide .15em;
  display:block;
  padding-$startSide:20px;
  text-decoration:none;
  color:$posttitlecolor;
  font-weight:normal;
  }
.post h3 strong {
  background-image:url("http://www2.blogblog.com/harbor/icon_lighthouse2.gif");
  color:#000;
  }
.post h3 a:hover {
  color:$sidebarheader;
  }
.post-body {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
  padding-top:12px;
  margin:0 0 .75em;
  line-height:1.6em;
  }
.post-body blockquote {
  line-height:1.3em; 
  }
.post-footer {
  color:#999;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size: 78%;
  line-height: 1.4em;
  }
.comment-link {
  margin-$startSide:.4em;
  }

.post-footer .post-timestamp,
.post-footer .post-author {
  color:#666;
  }
.comment-link strong {
  font-size:130%;
  }
.comment-link {
  margin-$startSide:.4em;
  }
.post img, table.tr-caption-container {
  padding:4px;
  border:1px solid #cde;
  }
.tr-caption-container img {
  border: none;
  padding: 0;
}


/* Comments
----------------------------------------------- */
#comments {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
  padding:15px 0 0;
  }
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $dateHeaderColor;
  font: bold 78% Georgia Serif;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.4em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 20px 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 20px 1.5em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager {  
  text-align: center;
 }

.comment-footer {
  font: 78%/1.4em Georgia , Serif;
 }

/* Sidebar Content
----------------------------------------------- */

.sidebar .widget, .main .widget {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center bottom;
  margin:0 0 15px;
  padding:0 0 15px;
  }

.main .Blog {
  background-image: none;
 }

.sidebar ul {
  list-style:none;
  margin-$startSide: 0;
 }

.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }
.sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:.5em 0 .5em;
 }
.profile-data {
  margin:0;
  font: $headerfont;
  font-weight: bold;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid #cde;
}

.profile-textblock {
  margin:.5em 0 .5em;
  }
.profile-link {
  font:78%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }

/* Footer
----------------------------------------------- */
#footer-wrapper {
  clear:both;
  padding-top:15px;
  padding-$endSide:30px;
  padding-bottom:0;
  padding-$startSide:50px;
  text-align: center;
  }

#footer .widget {
  background:url("http://www.blogblog.com/harbor/divider.gif") no-repeat center top;
  margin:0;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
]]></b:skin>
</head>
<body>
<div id='wrap'><div id='wrap2'><div id='wrap3'><div id='wrap4'>
<div id='outer-wrapper'>

  <b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='agus amin (Header)' type='Header'/>
</b:section>

  <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='agus' type='PageList'/>
</b:section>
  </div>

  <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
  </div>

  <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Lencana Facebook' type='HTML'/>
<b:widget id='Followers1' locked='false' title='cookil' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='isi dari pada teknik komputer dan jaringan' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='VideoBar1' locked='false' title='Video Bar' type='VideoBar'/>
<b:widget id='Image1' locked='false' title='tentang pelayaran' type='Image'/>
<b:widget id='Slideshow1' locked='false' title='agusblogspot' type='Slideshow'/>
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
<b:widget id='Image2' locked='false' title='katak melompat' type='Image'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/>
</b:section>
  </div>

  <div id='footer-wrapper'>
    <b:section class='footer' id='footer'>
<b:widget id='HTML2' locked='false' title='mendesain web' type='HTML'/>
</b:section>
  </div>

</div>
</div></div></div></div>
<b:include data='blog' name='google-analytics'/>
</body>
</html>
               
Diposkan oleh di

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)


Widget edited by muhamad haidir ali

agus

cookil

About Me

My photo
medan, sumatra utara, Indonesia

tentang pelayaran

tentang pelayaran
Powered By Blogger

katak melompat

katak melompat