Welcome to my blog. Feel free to read my stories and etc. I rarely update this blog. Sixteen.


home. | le owner. | stuff. | affiliates. | flavors. | chatbox.

Jumaat, 23 September 2011

Edited Template Denim (Orange)

Assalamualaikum and Annyeonghaseyo

Ari nie sye nk bgi freebies edited template Denim, tapi warne orange lah. Sidebar dye bukan kanan, sye ubah jadi kiri. Hehe :)

Nk tgk cemane templatenye? Tengok gmbr kat bawah tu ye.


<?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:     Denim
Designer: Darren Delaye
URL:      www.DarrenDelaye.com
Date:     11 Jul 2006
-----------------------------------------------
*/
#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="#ff9900">

 <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="transparent"> 
 <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="transparent">
 <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="transparent">
 <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://4.bp.blogspot.com/-AKt-4oPuvjE/TnsoncMaAKI/AAAAAAAAAhI/mMfSOkmIPtA/s1600/orange+vintage.png);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Century Gothic;
color: #474545;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1.5px;
}
a:link {
text-decoration: none;
color: #F79F81;
}
a:visited {
text-decoration: none;
color: #F79F81;
}
a img {
  border-width: 0;
}

#outer-wrapper { 
font: normal 12px Century Gothic;
}
u {
text-decoration:none;
border-bottom: 2px solid #F79F81;
padding: 0.5px;
}

/* 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 {
background-image: url(http://3.bp.blogspot.com/-TSM1-0CG86M/Tnss5Zv_P-I/AAAAAAAAAho/7G2IOinnLq0/s1600/backgroundbodyorange.png);
-moz-box-shadow: 0 0 5px 5px #FFFFFF;
-webkit-box-shadow: 0 0 5px 5px #FFFFFF;
box-shadow: 0 0 5px 5px #FFFFFF;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
  width: 760px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border: 1px solid $borderColor;
  border-top: 0;
}
#main-wrapper {
background-image: url(http://3.bp.blogspot.com/-TSM1-0CG86M/Tnss5Zv_P-I/AAAAAAAAAho/7G2IOinnLq0/s1600/backgroundbodyorange.png);
  margin-$startSide: 14px;
  width: 464px;
  float: right;
  background-color: $mainBgColor;
  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 {
background-image: url(http://3.bp.blogspot.com/-TSM1-0CG86M/Tnss5Zv_P-I/AAAAAAAAAho/7G2IOinnLq0/s1600/backgroundbodyorange.png);
  margin-$endSide: 14px;
  width: 240px;
  float: left;
  background-color: $mainBgColor;
  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 normal 120% Century Gothic;
text-align: center;
background-image:url(http://4.bp.blogspot.com/-YcKl7r5by94/Tnvw8U7TyUI/AAAAAAAAAiM/YV4bPGNbND4/s1600/kotakoren.png);
border-top: 1px dotted #F79F81;
border-bottom: 1px dotted #F79F81;
border-right: 5px solid #F79F81;
border-left: 5px solid #F79F81;
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:url(http://4.bp.blogspot.com/-YcKl7r5by94/Tnvw8U7TyUI/AAAAAAAAAiM/YV4bPGNbND4/s1600/kotakoren.png);
padding:5px;
border-top:2px solid #F79F81;
border-bottom:2px solid #F79F81;
border-right:2px solid #F79F81;
border-left:2px solid #F79F81;
border-radius:5px;
}
blockquote:hover {
-webkit-transition-duration: 0.2s;
cursor: crosshair;
background:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic018demoji_16709583decoojp.gif) repeat right bottom;
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition-duration: 0.8s;
border-top:2px solid #F79F81;
border-bottom:2px solid #F79F81;
border-right:2px solid #F79F81;
border-left:2px solid #F79F81;
border-radius:5px;
  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 {
margin: .75em 0;
font: normal normal 120% Century Gothic;
text-align: center;
background-image:url(http://4.bp.blogspot.com/-YcKl7r5by94/Tnvw8U7TyUI/AAAAAAAAAiM/YV4bPGNbND4/s1600/kotakoren.png);
border-top: 1px dotted #F79F81;
border-bottom: 1px dotted #F79F81;
border-right: 5px solid #F79F81;
border-left: 5px solid #F79F81;
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;
}
]]></b:skin>
  </head>
<link href='http://i967.photobucket.com/albums/ae157/kazumachi/Sozai/cupcake.png' rel='shortcut icon' type='image/gif'/>
  <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='Hello Sunshine. (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'/>
      </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 -->
</body>
<center>Template Designed by Farahin | &#169; All Rights Reserved.</center>
</html>
                
Kalau korang nak ubah pape kt template tu boleh jugak. Hehe sye wat nie special utk korang. Okay mcm biasa tinggalkan komen kalau dah gune yea.

P/S : Aq lapor laa T__T  Nak mi sedaap!

Kbai \Assalamualaikum/

5 ulasan:

Noratisa Nasir berkata...

tessa amik yee (:

syafika comot berkata...

saya amek yek. nanty sya edit sikit. plus tk delete by Farahin tuh. thanks dear <3

Farahin berkata...

@Noratisa Nasir : wokey :D
@syafika comot : oke.. welcome ;)

atin fatin99 berkata...

sye amik tau .. thanks

NurulArissa (: berkata...

Saya amik ye , tqs ;)