Pages

Sunday 15 November 2015

freebies template washed denim

assalamualikum..
wahai pecinta alam semesta alam..di sini ada satu lagi freebies dari saya untuk awak,awak,awak.dan awak.semua...kalau berminat boleh kopi dan pasta di dinding blogger anda..ok kita jangan cerita banyak-banyak..bak kata man sewel .. cerita sini habis sini lah ea...
gambar background 
|
|
|
V
code copy paste di html blog ..
<?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:     wanita berkasut merah
Designer: khainiza tunnisa
URL:      http://www.khainizatunnisa.blogspot.com
Date:     21/11/12
-----------------------------------------------
*/
#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(http://content.mycutegraphics.com/backgrounds/polkadot/polka-dot-background27.gif);
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:#F5A9E1;
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 #F5A9E1;
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/AVvXsEjPUuuf1_IctR1xq2Qk-3SmQEJ0yqF8UziGamSyh7nmRtzWgFkf47HICpA2pVnqrwfyzlYgkYlXBhqmZF-0Q1n-UYNZW_kYA3UQvqtzzIHjb_R9M7I1kKH7NA9BYCIg24v1R0oH1SnVoX8/s1600/chomel.gif);
border-top: 0;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-top: 3px solid;
border-bottom: 3px solid ;
border-left: 3px solid ;
border-right: 3px solid ;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 468px;
  float: $startSide;
  background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPUuuf1_IctR1xq2Qk-3SmQEJ0yqF8UziGamSyh7nmRtzWgFkf47HICpA2pVnqrwfyzlYgkYlXBhqmZF-0Q1n-UYNZW_kYA3UQvqtzzIHjb_R9M7I1kKH7NA9BYCIg24v1R0oH1SnVoX8/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/AVvXsEjPUuuf1_IctR1xq2Qk-3SmQEJ0yqF8UziGamSyh7nmRtzWgFkf47HICpA2pVnqrwfyzlYgkYlXBhqmZF-0Q1n-UYNZW_kYA3UQvqtzzIHjb_R9M7I1kKH7NA9BYCIg24v1R0oH1SnVoX8/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgkc8IBepxPrXpvYprENx33uoohSETtQXxy-sKB9Z8rzvTtF0JnWZQgYOrDSuHf-Js_IG-2oMQKc214-VctS68MxebcUfqx8AN2j761SNFWS6Z1hIMjx_CtJzK_U42CZv40BK43Duenak/s1600/kotakpink.png);
border-top: 1px dashed #FA58D0;
border-bottom: 1px dashed #FA58D0;
border-right: 6px solid #FA58D0;
border-left: 6px solid #FA58D0;
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:#F5A9E1;
Border:2px dashed #F5A9E1;
-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 #F5A9E1;
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://content.mycutegraphics.com/backgrounds/stripes/pink-gray-pinstriped-background.gif);
border-top: 3px dashed #D358F7;
border-bottom: 3px dashed #D358F7;
border-right: 6px solid #FA58AC;
border-left: 6px solid #FA58AC;
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: #FA58D0;
}
::-webkit-scrollbar-thumb {
background-color: #F5A9E1;
-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='sample (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='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
</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>
p/s : lepas dah ambil boleh comment dekat kotak comment cakap "saya ambil" ok mudah..tak suruh promote.. hehe =) jujur yer..
at
Labels: ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)