Friday, 23 September 2011

edited washed denim template by syafiq




hey,,boring2 ary ni kan,,,aku pon bermurah hati lah nak bagi freebies kat korang !! 
lagipon ary ni ka hari sabtu bersamaan dengan 24 haribulan 9 2011 adalh hari jadi aku kan,,so memang bermurah hati lah nak bagi freebies ni !
kalau dah ambik bagi tahu yer,,,ni original made by my hand ! tak copy mane2 org punye pon !!
k lah,ambik la..

<?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 Style
Name:     syafiq Washed Denim
Designer: Darren Delaye
URL:      http://billomanggo.com/
Date:     11 Jul 2006
-----------------------------------------------
*/
/* 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="#336699">
<Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" 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="#ffffff">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
 <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-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEillSJ6q-tMWi0po-y1Upu-Ev3hwgjt__3fN73Xs9HohXmH6gZViPLZlmTiveW0xAcYtTV9lCBWo1vrabAmm_pzzgWGU0er1IZrEkMzUWuKvMK1_FUZ7u7uiYaENG87xXLc1y36FuSfoj4/s1600/wavepurple.png);
background-repeat: repeat;
 background-attachment: fixed;
background-repeat: repeat;
  margin: 0;
  padding: 0px;
  font: x-small Verdana, Arial;
  text-align: center;
  color: #1C1C1C;
  font-size/* */:/**/small;
  font-size: /**/small;
}
a:link {
  text-decoration: none;
color: #BF00FF;
}
a:visited {
  color: $linkColor;
}
a img {
  border-width: 0;
}
#outer-wrapper {
  font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 762px;
  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: 890px;
margin:auto;
padding:15px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhf7UTUwBrPkRPBE3kyOhRXKYyDoML6KBX61gQPqE2ITLKe2xFiaE77sZhLlFIAmqwEcwbWOrWUnEm-WClJcecvmLCwQ_nH0IF_pKr1LBxZt3v8ChEVCTn4jecpjz-npXzBruzMcmllQ/s1600/chomel.gif);
border: 1px solid transparent;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}
#main-wrapper {
margin-left: 5px;
width: 600px;
float: right;
background-color: transparent;
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-right: 5px;
width: 270px;
float: left;
background-color: transparent;
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: 0;
 font:normal 12px Century Gothic;
color: #1C1C1C;
text-align:center;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-bottom: 3px solid #DA81F5;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi58rywjlRCiZfJ-6mCgEIBZ79xaMLw9pLVFQbGu1bXcZ_8-ic_9bwbR80kK5Pe32yexNIlC1sM_B7mbL8H1XhSelMhoO7CqL4N4I4gPhw29kFtmJdIL-HROHtGvr98Q7Jg20dwGV2lakQ/s1600/kotakpurple.png
);
}
.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 {
  margin: 1em 20px;
}
.post blockquote p {
  margin: .75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-SgyxN7HAfMbFMe3nqUba2gs-2ai5ewomy2u6LH_Au1RDcKZcoUfZOACTZeIzwKF87vcriI08qinBFkFF319_F_sm9U6xz9kvknFeOhg6uZ1DFC6wwkoVtvqmOrIBaIcpAxAMlLJ0iv4/s1600/bihastripe3.png) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #DA81F5;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.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;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 text-align:right;
background : url(
http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif);
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi58rywjlRCiZfJ-6mCgEIBZ79xaMLw9pLVFQbGu1bXcZ_8-ic_9bwbR80kK5Pe32yexNIlC1sM_B7mbL8H1XhSelMhoO7CqL4N4I4gPhw29kFtmJdIL-HROHtGvr98Q7Jg20dwGV2lakQ/s1600/kotakpurple.png
);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 3px solid #DA81F5;
margin:1em;
font: normal normal 12px Century Gothic;
color: #1C1C1C;
}
                                                           
.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 {
background : #F8EFFB;
-moz-border-radius: 0px;
border-radius: 30px;margin:0 -5px 1.5em -5px;padding:0px 7px 10px 7px;text-align:center;
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;
}
]]></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='welcome (Header)' 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='Blog Posts' type='Blog'/>
</b:section>
      </div>
      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</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'>
Copyright &#169; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.
<br/>Blogger design template created by <a href='http://billomanggo.blogspot.com/'>syafiqnaszart</a><br/>
<img alt='Creative Commons License' src='http://i.creativecommons.org/l/by/3.0/80x15.png' style='border-width:0'/> <IMG ALT='Protected by Copyscape plagiarism checker - duplicate content and unique article detection software.' BORDER='0' HEIGHT='16' SRC='http://banners.copyscape.com/images/cs-wh-3d-234x16.gif' TITLE='Protected by Copyscape plagiarism checker - duplicate content and unique article detection software.' WIDTH='234'/>
      <b:section class='footer' id='footer'/>
    </div>
  </div></div> <!-- end outer-wrapper -->
</body>
</html>