<?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>    <b:skin><![CDATA[/*-----------------------------------------------Blogger Template StyleName:     Washed DenimDesigner: Darren DelayeURL:      www.DarrenDelaye.comDate:     11 Jul 2006-----------------------------------------------*/#navbar-iframe {display: none !important;}/* Variable definitions   ==================== <Variable name="bgColor" description="Page Background Color"           type="color" default="#ffffff" value="#ffffff"> <Variable name="textColor" description="Text Color"           type="color" default="#333333" value="#333333"> <Variable name="linkColor" description="Link Color"           type="color" default="#336699" value="#e4b2ff"> <Variable name="headerBgColor" description="Page Header Background Color"           type="color" default="#ffffff" value="transparent"> <Variable name="headerTextColor" description="Page Header Text Color"           type="color" default="#333333" value="#333333"> <Variable name="headerCornersColor" description="Page Header Corners Color"           type="color" default="#ffffff" value="transparent"> <Variable name="mainBgColor" description="Main Background Color"           type="color" default="#ffffff" value="#ffffff"> <Variable name="borderColor" description="Border Color"           type="color" default="#ffffff" value="transparent"> <Variable name="dateHeaderColor" description="Date Header Color"           type="color" default="#999999" value="#333333"> <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"           type="color" default="#ffffff" value="#ffffff"> <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"           type="color" default="#333333" value="#333333"> <Variable name="bodyFont" description="Text Font"           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;"> <Variable name="headerFont" description="Page Header Font"           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-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:$bgcolor;Background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeiu7WJ4oChI4rdX3EWrDAOyu2Q4jQHmFrukt1nJv-aa3fKocwI249ZCqf2IUmVldoIhQEgL2UaWJpK-7w5_8t2EREyVbxDW7Z4QquszzJvEci2Se_2wV-jVjQuFCD3Sz7F3Y-CteVXv4/s1600/backgroundpurple.png);background-repeat: repeat;background-position:Center center;background-attachment:Fixed;margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}::selection {background:#E4B2FF;color:#FFFFFF;}a:link {  text-decoration: none;  color: $linkColor;}a:visited {  text-decoration: none;  color: $linkColor;}a img {  border-width: 0;}#outer-wrapper {  font: $bodyFont;}u {text-decoration:none;border-bottom: 2px solid #E4B2FF;padding: 0px;}/* Header----------------------------------------------- */#header-wrapper {  margin:0;  padding: 0;  background-color: $headerCornersColor;  text-align: $startSide;}#header {  width: 800px;  margin: 0 auto;  background-color: $headerBgColor;  color: $headerTextColor;  padding: 0;  font: $headerFont;}h1.title {  padding-top: 38px;  margin: 0 14px .1em;  line-height: 1.2em;  font-size: 100%;}h1.title a, h1.title a:visited {  color: $headerTextColor;  text-decoration: none;}#header .description {  display: block;  margin: 0 14px;  padding: 0 0 40px;  line-height: 1.4em;  font-size: 50%;}                                                            /* Content----------------------------------------------- */.clear {  clear: both;}
#content-wrapper {width: 800px;margin: auto;padding: 15px;text-align: left;background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik1Qfd2H42kLt3PS0sT-AgAS0sFKyksV-IPDXxOvuebHrNwCt99QxrEBNQOpsrYI3PhlSeyK1MuZy7K3hgcr5RVpsuD6laJQs0GvqT0-V4xIyHhpGn1O5TChSwuEVUU9dTE5mskD5EjLA/s1600/chomel.gif);border-top: 0;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-top: 3px solid #E4B2FF;border-bottom: 3px solid #E4B2FF;border-left: 3px solid #E4B2FF;border-right: 3px solid #E4B2FF;}#main-wrapper {  margin-$startSide: 14px;  width: 468px;  float: $startSide;  background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik1Qfd2H42kLt3PS0sT-AgAS0sFKyksV-IPDXxOvuebHrNwCt99QxrEBNQOpsrYI3PhlSeyK1MuZy7K3hgcr5RVpsuD6laJQs0GvqT0-V4xIyHhpGn1O5TChSwuEVUU9dTE5mskD5EjLA/s1600/chomel.gif);  display: inline;       /* fix for doubling margin in IE */  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-wrapper {  margin-$endSide: 14px;  width: 240px;  float: $endSide;  background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik1Qfd2H42kLt3PS0sT-AgAS0sFKyksV-IPDXxOvuebHrNwCt99QxrEBNQOpsrYI3PhlSeyK1MuZy7K3hgcr5RVpsuD6laJQs0GvqT0-V4xIyHhpGn1O5TChSwuEVUU9dTE5mskD5EjLA/s1600/chomel.gif);  display: inline;       /* fix for doubling margin in IE */  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 */}/* Headings----------------------------------------------- */h2, h3 {  margin: 0;}/* Posts----------------------------------------------- */.date-header {  margin: 1.5em 0 0;  font-weight: normal;  color: $dateHeaderColor;  font-size: 100%;}.post {  margin: 0 0 1.5em;  padding-bottom: 1.5em;}.post-title {margin: .75em 0;font: normal 13px Century Gothic;text-align: center;background-image:url(http://i1218.photobucket.com/albums/dd417/cheesweet/purpleline-1.png);border-top: 1px dashed #E4B2FF;border-bottom: 1px dashed #E4B2FF;border-right: 6px solid #E4B2FF;border-left: 6px solid #E4B2FF;padding: 2px;}.post-title a, .post-title a:visited, .post-title strong {  text-decoration: none;  color: $textColor;  font-weight: bold;}.post div {  margin: 0 0 .75em;  line-height: 1.3em;}.post-footer {  margin: -.25em 0 0;  color: $textColor;  font-size: 87%;}.post-footer .span {  margin-$endSide: .3em;}.post img, table.tr-caption-container {  padding: 4px;  border: 1px solid $borderColor;}.tr-caption-container img {  border: none;  padding: 0;}.post blockquote {background:#EDCEFF;Border:2px dashed #E4B2FF;-webkit-transition-duration: 3s;padding: 12px;margin: 2px 2px;color: #ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}.post blockquote:hover {Border:2px solid #E4B2FF;color: #ffffff;-webkit-transition: 3s;}.post blockquote p {  margin: .75em 0;}/* Comments----------------------------------------------- */#comments h4 {  margin: 1em 0;  color: $dateHeaderColor;}#comments h4 strong {  font-size: 110%;}#comments-block {  margin: 1em 0 1.5em;  line-height: 1.3em;}#comments-block dt {  margin: .5em 0;}#comments-block dd {  margin: .25em 0 0;}#comments-block dd.comment-footer {  margin: -.25em 0 2em;  line-height: 1.4em;  font-size: 78%;}#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; }/* Sidebar Content----------------------------------------------- */.sidebar h2 {margin: .75em 0;font: normal 13px Century Gothic;text-align: center;background-image:url(http://i1218.photobucket.com/albums/dd417/cheesweet/purpleline-1.png);border-top: 1px dashed #E4B2FF;border-bottom: 1px dashed #E4B2FF;border-right: 6px solid #E4B2FF;border-left: 6px solid #E4B2FF;padding: 2px;}                                                            .sidebar ul {  margin: 0;  padding: 0;  list-style: none;}.sidebar li {  margin: 0;  padding-top: 0;  padding-$endSide: 0;  padding-bottom: .5em;  padding-$startSide: 15px;  text-indent: -15px;  line-height: 1.5em;}.sidebar {  color: $textColor;  line-height:1.3em;}.sidebar .widget {  margin-bottom: 1em;}.sidebar .widget-content {  margin: 0 5px;}/* Profile----------------------------------------------- */.profile-img {  float: $startSide;  margin-top: 0;  margin-$endSide: 5px;  margin-bottom: 5px;  margin-$startSide: 0;  padding: 4px;  border: 1px solid $borderColor;}.profile-data {  margin:0;  text-transform:uppercase;  letter-spacing:.1em;  font-weight: bold;  line-height: 1.6em;  font-size: 78%;}.profile-datablock {  margin:.5em 0 .5em;}.profile-textblock {  margin: 0.5em 0;  line-height: 1.6em;}                                                            /* Footer----------------------------------------------- */#footer {  clear: both;  text-align: center;  color: $textColor;}#footer .widget {  margin:.5em;  padding-top: 20px;  font-size: 85%;  line-height: 1.5em;  text-align: $startSide;}::-webkit-scrollbar {height:12px;width: 13px;background: #EDCEFF;}::-webkit-scrollbar-thumb {background-color: #E4B2FF;-moz-border-radius: 10px;border-radius: 10px;}]]></b:skin>  </head>  <body>  <div id='outer-wrapper'><div id='wrap2'>    <!-- skip links for text browsers -->    <span id='skiplinks' style='display:none;'>      <a href='#main'>skip to main </a> |      <a href='#sidebar'>skip to sidebar</a>    </span>    <div id='header-wrapper'>      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Suka-Suki si JaMbu (Pengatas)' type='Header'/></b:section>    </div>    <div id='content-wrapper'>      <div id='crosscol-wrapper' style='text-align:center'>        <b:section class='crosscol' id='crosscol'/>      </div>      <div id='main-wrapper'>        <b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Catatan Blog' type='Blog'/></b:section>      </div>      <div id='sidebar-wrapper'>        <b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='HTML1' locked='false' title='My Journey !!' type='HTML'/></b:section>      </div>      <!-- spacer for skins that want sidebar and main to be the same height-->      <div class='clear'>&#160;</div>    </div> <!-- end content-wrapper -->    <div id='footer-wrapper'>      <b:section class='footer' id='footer'/>    </div>  </div></div> <!-- end outer-wrapper -->  <b:include data='blog' name='google-analytics'/></body></html>             

Labels: freebies

Labels: freebies

Labels: freebies