freebies - washed denim template *pink

Hai korang . hari ini kan , ain baik hati taw nk bagy korang code denim template yang ain buat ni . so korang letak credit tau . please sangat . kesian lah kat ain ;) hahaha xD okey ? Depan ye cmni .


cute ta ? nty ain buat wrne biru pulak eh :> hijau , purple . okey ? hee . 

<?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>
  <style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2); }
</style>
    <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:     Aien Story
Designer: Nur aien qistina
URL:      http://aienstory-aien.blogspot.com
Date:     -3 DEC 1997
-----------------------------------------------
*/
#navbar-iframe { display: none !important; }
/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#efefef" value="#efefef">
 <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="#336699" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="#528bc5" value="transparent">
 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#cccccc" value="#cccccc">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">
 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffd595" value="#f4bff4">
 <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: url(http://3.bp.blogspot.com/-27vW-L4FTV4/TnH1dVUUFjI/AAAAAAAABmc/5BmCWE1LAPM/s1600/smallpolkadotpurple.png);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Century Gothic, Arial;
color: #A49696;
font-size: 90%;
letter-spacing:1.5px;
}
::-moz-selection {
background: transparent;
color: #FFCAFC;
}
::selection {
background: transparent;
color: #FFCAFC;
}
a:link {
text-decoration: none;
color: #F4A9E4;
}
a:hover {
color: #CAD9FF;
text-decoration:none;
}
a:visited {
a img {
border-radius:10px;
border-width: 0;
}
img:hover {
filter: alpha(opacity=70);
opacity: .6;
-webkit-transition: 0.5s;
border-radius:10px;
}
text-decoration: none;
color: #F4A9E4;
}
img {
-webkit-transition:1s;
transition:1s;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
-webkit-transition:1s;
transition:0.5s;
filter:alpha(opacity= 70);
-moz-opacity:0.70;
opacity:0.70;
}
#outer-wrapper {
font: normal 12px Century Gothic;
}
::-webkit-scrollbar {
height:10px;
width: 10px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background: #F5A6FA;
-moz-border-radius: 5px;
border-color: #F5A6FA;
border-radius: 5px;
}
::-webkit-scrollbar:hover {
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:hover {
background: #F5B6FA;
}
u {
text-decoration:none;
background:#F5D6F7;
-webkit-transition-duration: 2s;
border-radius: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
u:hover {
-webkit-transition-duration: 2s;
font-color: #A49696;
-moz-border-radius: 3px;
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}
#header {
  width: 760px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $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: 900px;
margin:auto;
padding:15px;
background : url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody3.png);
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;
-moz-box-shadow: 0 0 5px 5px #FFFFFF;
-webkit-box-shadow: 0 0 5px 5px  #FFFFFF;
box-shadow: 0 0 5px 5px #FFFFFF;
}
#main-wrapper {
margin-right: 5px;
width: 600px;
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 */
}
#sidebar-wrapper {
margin-left: 5px;
width: 290px;
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 */
}
/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}
/* Posts
----------------------------------------------- */
.date-header {
text-align:left;
font:normal 12px Century Gothic;
color: #FCB7ED;
}
.post {
margin:1.5em;
padding-bottom: 1.5em;
}
.post-title {
text-align:right;
border-bottom: 2px dashed #FCB7ED;
margin:1em;
font:normal 12px Century Gothic;
color: #4D4D4D;
}
.post-title a, .post-title a:visited, .post-title strong {
margin: 1.6em 0 .5em;
padding: 4px 5px;
text-decoration: none;
color: #474545;
font-weight: normal;
}
.post div {
margin:0 .75em;
line-height: 1.3em;
}
.post-footer .span {
margin: o . 75em;
}
.post img, table.tr-caption-container {
padding: 0px;
border: 0px solid #FCB7ED;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
background:#F2F2F2;
-webkit-transition-duration: 1s;
padding: 10px;
margin: 2px 2px;
color: #848484;
border-left: 30px solid #F6CEE3;
border-bottom: 0.5px solid #BDBDBD;
border-top: 0.5px solid #BDBDBD;
}
.post blockquote:hover {
background:#F8E0E6;
Border:0.5px solid #F79F81;
border-right: 30px solid #F5A9BC;
color: #000000;
-webkit-transition: 1s;
}
  margin: 1em 20px;
}
.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 {
border-radius:5px;
border-bottom: 2px dashed #ffffff;
border-top: 2px dashed #ffffff;
border-right: 2px dashed #ffffff;
border-left: 2px dashed #ffffff;
padding: 10px;
background-color: #F7CDF0;
text-align: center;
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: $sidebarTitleBgColor;
 font-size: 100%;
 color: $sidebarTitleTextColor;
}
                                                           
.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;
}
]]></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='cik milot.blogspot :) (Header)' type='Header'/>
</b:section>
    </div>
    <div id='content-wrapper'>
      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</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='HTML6' locked='false' title='Korang jangan lupa click ni ♥' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML1' locked='false' title='click click ♥' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML3' locked='false' title='credit section ♥' 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>

Suka tak ? kalaw da ambik , komen and letak credit kt sidebar okey . ta pun please take my banner :>
kbai . assalamualaikum (:                



THANKS FOR READING THIS :) LIKE IF YOU LIKE ♥

41 065 baru komen ♥:

Syamimi ! said...
This comment has been removed by the author.
aisha said...

Dodge Caravan AC Compressor

This is a better-quality article as they all are. I make fun of been wonder wide this an eye to some beat now. Its great to receive this info. You are fair and balanced.

ieyQah si cOngek said...

kak aien sya ambik k? :) kak aien boleh tak buat warna pink?

ieyQah si cOngek said...

@aien bukan warna pink, warna biru .. hehe! :)

FatmaFazira said...

saya ambik ni :)

nanti saya creditkan :)

najibah('; said...

salam , saya guna taww :)terima kasih dan jemput ke blog saya :)

aien said...

@najibah('; guna lah :) sama-sama :D insyaallah ain akan ke blog awak :D

aien said...

@najibah('; guna lah :) sama-sama :D insyaallah ain akan ke blog awak :D

aien said...

@Farra don't forget to credit :> ngehe .

addah98 said...

saye gune freenies nie . and credit :)

Aiyunie said...

akak,ayu guna template ni :) thanks :)

Nisa Izzati said...

akak saya guna template ni tau .. thaks :)

Izzah Arsyad said...

akak , sy amek erkk . tengs yew . :))

Nurul Jasmin said...

amek ya !
tp ieyla ubah sikit coding die tp bukan pada credit :)