Assalamualaikum
Hye semue. Hari ni Farahin nak bagi freebies template Washed Denim special untuk korunk semue. Mungkin minggu ni last update. Minggu depan saye tak kan update blog lagi sampai lah abis peperiksaan akhir tahun sekolah menengah ye. Lepas tu ade peperiksaan percubaan sekolah agama (darjah khas), mulanye minggu depan, kene cari masa utk bace buku.
Ok straight to the point, saye nak bagi templatenye utk korang :)
Nah ni kodnye
<?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: Washed 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="#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="#ffffff" value="transparent">
<Variable name="headerTextColor" description="Page Header Text Color"
type="color" default="#333333" value="transparent">
<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="#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: url(http://i1233.photobucket.com/albums/ff389/Sushi_98/ten3.gif);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Levenim MT;
color: #474545;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1.5px;
}
a:link {
text-decoration: none;
color: #FFC6C6;
}
a:visited {
text-decoration: none;
color: #FFC6C6;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: normal 12px Levenim MT;
}
/* 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 {
-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 {
margin-$startSide: 14px;
width: 468px;
float: $startSide;
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 {
margin-$endSide: 14px;
width: 240px;
float: $endSide;
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 {
text-align:center;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxpatUsK5wuLn35dY59y6p599bWS3z8HnnqyHUKovXx-M9twap4Q-Mnc6z-cMDCF6Yji-T2DWlM4m3VdWg732FiVvcnARjQm_kDOPUJDEqzhxb49Tp4rRCU7cxodzGvRfYWB5O_rhMkU/s1600/red+lah+P.png);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom: 4px double #FF009E;
margin:0.5em;
padding:3px;
font: normal 18px crushed out girl;
color: #A49696;
}
.post-title:hover {
background: url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic000demoji_8518140decoojp.gif);
background-color : #FFC6C6;
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition-duration: 2.4s;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #FF009E;
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxpatUsK5wuLn35dY59y6p599bWS3z8HnnqyHUKovXx-M9twap4Q-Mnc6z-cMDCF6Yji-T2DWlM4m3VdWg732FiVvcnARjQm_kDOPUJDEqzhxb49Tp4rRCU7cxodzGvRfYWB5O_rhMkU/s1600/red+lah+P.png);
border-radius: 5px;
border: 2px solid #FFC6C6;
margin:1.0em;
padding:5px;
}
.post blockquote:hover {
-webkit-transition-duration: 0.8s;
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic002demoji_17205044decoojp.gif);
cursor: crosshair;
background-position:bottom right;
background-repeat:no-repeat;
}
.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 {
text-align:right;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzxpatUsK5wuLn35dY59y6p599bWS3z8HnnqyHUKovXx-M9twap4Q-Mnc6z-cMDCF6Yji-T2DWlM4m3VdWg732FiVvcnARjQm_kDOPUJDEqzhxb49Tp4rRCU7cxodzGvRfYWB5O_rhMkU/s1600/red+lah+P.png);
border-left: 4px double #FFC6C6;
border-right: 4px double #FFC6C6;
margin:1em;
font: normal normal 13px Levenim MT;
color: #A49696;
}
.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='Miss Simple (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'> </div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
Oklah saye edit simple2 je. Kalau nak request warna lain, boleh jugak. InsyaAllah nanti Farahin buatkan untuk korang :)
P/S : Tempahan ditutup buat sementara waktu, lepas abis peperiksaan akhir tahun baru bukak. HARAP MAKLUM.
6 ulasan:
aku gune ea...tengs
@Shahirah Cute : ok. you're welcome ^^
Hyee , akak gune nie ehh , thanks yaw ^^
@Miwako : okey., welcome (ni kwn dye yang reply)
saya guna eaa . ty
guna~
Catat Ulasan