Mastura Aziz: Freebies Template Kisah Cik Rose

Salam..Sempena ramadan ni..Mas nak bagi satu lg freebies template blog utk awok semua...kalau sudi gunalah ya... tak cantik mana pn..tp saja bt utk isi masa terluang ini..hehe..

Cara Nak Guna :

Step 1 : Template > html edit > delete semua kod >copy kod dibawah & pastekan

<?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: Kisah CIk Rose
Designer: Mastura Aziz
URL: http://strawberrysgurls.blogspot.com/
Date: 2015
-----------------------------------------------
*/
#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="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="#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="#ffd595"> 
<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://s24.postimg.org/iv4eh851h/ground.png) repeat; 
margin:0; 
color:$textcolor; 
font:x-small Georgia Serif; 
font-size/* */:/**/small; 
font-size: /**/small; 
text-align: center; 
} 
a:link { 
text-decoration:none; 
color: #FE3FE1; 
} 
a:visited { 
text-decoration:none; 
color: #000; 
} 
a img { 
border-width: 0; 
} 
#outer-wrapper { 
font: normal normal 100% Verdana, Arial, Sans-serif;; 
} 
/* Header 
----------------------------------------------- */ 
#header-wrapper { 
margin:0; 
padding: 0; 
background-color: transparent; 
text-align: left; 
background: url(URL) no-repeat; 
background-position: bottom; 
height:450px; 
} 
#header { 
width: 1170px; 
background: url(http://s24.postimg.org/s46krcdxh/header.png) no-repeat; 
height:450px; 
background-position: bottom center; 
margin: 0 auto; 
background-color: transparent; 
color: transparent; 
padding: 0; 
font: normal normal 210% Verdana, Arial, Sans-serif;; 
} 
h1.title { 
margin: 0 14px .1em; 
line-height: 1.2em; 
font-size: 0px; 
color: transparent; 
} 
h1.title a, h1.title a:visited { 
color: transparent; 
text-decoration: none; 
} 
#header .description { 
display: block; 
margin: 0 0px; 
padding: 0 0 40px; 
line-height: 1.4em; 
font-size: 50%; 
} 
/* Content 
----------------------------------------------- */ 
.clear { 
clear: both; 
} 
#content-wrapper { 
font: 13px century gothic; 
width: 1170px; 
margin: 0 auto; 
padding: 0 0 15px; 
text-align: left; 
background: url(http://s24.postimg.org/lb67v2n45/tgh.png) repeat-y; 
} 
#main-wrapper { 
padding-top :0px; 
margin-left: 100px; 
width: 700px; 
float: left; 
background : #fffff; 
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: 60px; 
width: 300px; 
float: right; 
background : #fffff; 
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 { 
font: normal 13px Century Gothic; 
text-align: center; 
font-weight: bold; 
color : #fff ; 
background-image:url(url); 
background-position: top; 
line-height:12em; 
height: 0px; 
margin-top: 20px; 
} 
.post { 
text-align: left; 
background:#fff; 
border:1px dotted #FA3737; 
margin-bottom: 1em; 
padding:0px 7px 10px 7px 
} 
.post-title { 
text-align: center; 
margin: 1.6em 0 .5em; 
padding: 4px 5px; 
background: #fff; 
border-bottom: 1px dotted #FA3737; 
font-size: 100%; 
} 
.post-title a, .post-title a:visited, .post-title strong { 
text-decoration: none; 
color: #333333; 
font-weight: bold; 
} 
.post div { 
margin: 0 0 .75em; 
line-height: 1.3em; 
} 
.post-footer { 
margin: -.25em 0 0; 
color: #333333; 
font-size: 87%; 
} 
.post-footer .span { 
margin-right: .3em; 
} 
.post img, table.tr-caption-container { 
padding: 4px; 
border: 0px solid #cccccc; 
} 
.tr-caption-container img { 
border: none; 
padding: 0; 
} 
.post blockquote { 
background-color: #FCAFF0; 
border-left:3px solid #FE3FE1; 
border-right: 2px dotted #FCAFF0; 
border-bottom: 2px dotted #FCAFF0; 
border-top: 2px dotted #FCAFF0; 
padding: 9px; 
-moz-border-radius-bottomright: 10px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 10px; 
} 
.post blockquote:hover { 
background-image:url(http://media.tumblr.com/tumblr_m7ehlqmwPS1qdlkyg.gif ); 
background-position:bottom right; 
background-repeat:no-repeat; 
} 
margin: 0em 10px; 
} 
.post blockquote p { 
margin: .75em 0; 
} 
/* Comments 
----------------------------------------------- */ 
#comments h4 { 
margin: 1em 0; 
color: #999999; 
} 
#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: left; 
} 
#blog-pager-older-link { 
float: right; 
} 
#blog-pager { 
text-align: center; 
} 
/* Sidebar Content 
----------------------------------------------- */ 
.sidebar h2 { 
font: normal 13px Century Gothic; 
font-weight : bold ; 
text-align: center; 
background-image:url(http://s29.postimg.org/wcjpdnc3b/sde.png); 
background-position: top; 
line-height: 5em; 
height: 60px; 
margin-top: 20px; 
} 
.sidebar ul { 
margin: 0; 
padding: 0; 
list-style: none; 
} 
.sidebar li { 
margin: 0; 
padding-top: 0; 
padding-right: 0; 
padding-bottom: .5em; 
padding-left: 15px; 
text-indent: -15px; 
line-height: 1.5em; 
} 
.sidebar { 
color: #333333; 
line-height:1.3em; 
} 
.sidebar .widget{ 
margin-bottom:10px; 
margin-top:-10px; 
padding:0 0 55px 0; 
background:url(url); 
background-repeat:no-repeat; 
background-position:center bottom; 
} 
.sidebar .widget-content { 
background: url(url)repeat-y; 
padding-left: 10px; 
padding-right: 10px; 
padding-top: 20px; 
padding-bottom: 20px; 
} 
/* Profile 
----------------------------------------------- */ 
.profile-img { 
float: left; 
margin-top: 0; 
margin-right: 5px; 
margin-bottom: 5px; 
margin-left: 0; 
padding: 4px; 
border: 1px solid #cccccc; 
} 
.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; 
background: url(http://i.imgur.com/g9Iq59o.png) no-repeat; 
height: 100px; 
background-position: center; 
} 
]]></b:skin> 
</head> 
 
<body> 
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> 
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/> 
</b:section> 
 
<div id='outer-wrapper'>
<div id='wrap2'>
 
 
 
<a href='#main'>skip to main </a> | 
<a href='#sidebar'>skip to sidebar</a> 
 
 
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 
<b:widget id='Header1' locked='true' title='Hanis fanfic (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:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> 
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> 
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/> 
</b:section> 
</div>
 
<div class='clear'>
 </div>
</div>
 
 
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/> 
</div>
</div>
</div>
 
<b:include data='blog' name='google-analytics'/> 
</body> 
</html>