Template Untuk Best Friend Saya
Annyeong Haseyo Dear....
Dear BFF aku a.k.a
Francisca atau lebih mesra dipanggil Fie...
.........Hari tu kau tanya aku macam mana buat template blog ni kan.......So...disebabkan aku tak da kerja...aku tengah holiday just tunggu Poli buka balik and aku tau kau sibuk sebab tahun ni STPM kan....So time aku tak da kerja ni aku terfikir la nak hadiahkan kau template yang aku try2 buat ni....hehe....So kalau kau nak kau ambil la......Template ni tak da la cantik sangat..cam blog aku ni juga simple ja...Aku pun still baru juga kan...kau pun tau kan....
....
Aku pun belajar buat template ni dari blog2 lain yang ada kasi tau itu tutorial ma......
Ni la template tu....kalu kau suka kau ambik la.....Ni code dia...tekan ctrl+c untuk copy k..Kalau Pembaca lain nak guna template ni....Ambik ja la...Dengan besar hati saya izinkan.....One more lagi....Kalau ada sesetengah coding tu ada coding kau orang n aku tak kasi kredit nama kau org kau org bagitau la....sebab aku buat ikut tutorial blog lain...so,mana tau ada kan......sorry kalau ada...I'm just a new girl here.....=)
<?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: Vanessa
URL: http://ordinarygurlzz.blogspot.com
Date: 11 Jul 2006
Basecode: Kak Una
http://aqupunyekesahbukankau.blogspot.com
-----------------------------------------------
*/
#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="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="#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( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmXiFYPgKhkyMdSyW5ZXDz7IkFL2rmpRWScqWaeF6y-wxfG6PWiaT-1p0TSWArQ2AcEFsx-_jlLOPmbWKS-sLyoEYF_xqTlXJf1cy_FEdrwT7G8eMwsw0JeFr8AaraImYZS_xGT-GO1gg/s1600/backgroundorange.png);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: #000000;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1px;
}
a:link {
text-decoration: none;
color: #FF0080;
}
a:visited {
color: $linkColor;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
}
#header {
width: 900px;
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 8px 5px #FF0040;
-webkit-box-shadow: 0 0 8px 5px #FF0040;
width: 900px;
margin:auto;
padding:15px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-Y66z9shUOn8coAIBVXI0BwoM7yyMlfSSWoextp6gI8vYN9kv_82wOaQCmCJgARvzDswUvAZDX8xJMbazfbrFdIa2QzcTxzcY2fsWylzP7uTsHnCI9mnDnWlsRdax3QwO0uBdKKnsX4/s1600/chomel.gif);
border: 2px solid #FF0080;
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;
}
#main-wrapper {
margin-left: 5px;
width: 590px;
float: left;
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 */
background:transparent;
border:2px dotted #FF0080;
border-radius:15px 15px 0px 0px;padding:3px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-Y66z9shUOn8coAIBVXI0BwoM7yyMlfSSWoextp6gI8vYN9kv_82wOaQCmCJgARvzDswUvAZDX8xJMbazfbrFdIa2QzcTxzcY2fsWylzP7uTsHnCI9mnDnWlsRdax3QwO0uBdKKnsX4/s1600/chomel.gif);
}
#sidebar-wrapper {
margin-right: 5px;
width: 260px;
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 {
border-radius:15px 15px 0px 0px;
font-weight: normal;
color: #0c0c0c;
font-size: 10px;
text-align:center;
background:#FA5882;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
text-align:right;
border: 2px dotted #A4A4A4;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLjLPXTVbcQIx29mUVq-yaA6v5PAUlUhyphenhyphen-gz1WNCsRk_xgoqA5orOMaBjk4N3t6tfjoPqqJsyeb4G07kMqJmr5Mck1NkVLU3JFwfaxUe7tevpT8qQiuHzKxPmRTpuoYGLGI2lX0xUAWuX/s1600/unabgvintagepink.gif);
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
padding: 5px;
}
margin: 1.6em ;
padding: 4px 5px;
font-size: 125%;
font-weight: bold;
line-height: 2.0em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #e06666;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
margin: -.25em 0 0;
color: #e06666;
font-size: 87%;
}
.post-footer .span {
margin-right: .3em;
}
.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid transparent;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.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:center;
border: 2px dotted #FF0040;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLjLPXTVbcQIx29mUVq-yaA6v5PAUlUhyphenhyphen-gz1WNCsRk_xgoqA5orOMaBjk4N3t6tfjoPqqJsyeb4G07kMqJmr5Mck1NkVLU3JFwfaxUe7tevpT8qQiuHzKxPmRTpuoYGLGI2lX0xUAWuX/s1600/unabgvintagepink.gif);
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: #ffd595;
font-size: 100%;
color: #c27ba0;
}
.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: 12px;
background:#848484;
}
::-webkit-scrollbar-thumb {
background-color:#FA5882 ;
-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='Luckystarz (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='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML1' locked='false' title='The Queen' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Friend Link' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Tagboard' type='HTML'/>
<b:widget id='HTML11' locked='false' title='blog list' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Sing A Song' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Recent Post' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
</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'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
</div>
</div></div> <!-- end outer-wrapper -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>
Labels: Bez friend, MY STORY
I'm The Queen
In this world, do you know what is so difficult that you might fail even if you die trying? It is the act of giving someone your heart. But, do you know what is even more difficult to deal with than that? It is giving someone your heart, and you are given nothing in return. That's why he told me Liking somebody isn’t always a happy thing but Loving someone is such a painful ordeal...Now I understand what is that words mean..But no matter what happend
we should know that there is just one life to live, and there is should no time to waste...so smiling like there's nothing wrong because we are so good at smiling...
Template Untuk Best Friend Saya
Annyeong Haseyo Dear....
Dear BFF aku a.k.a
Francisca atau lebih mesra dipanggil Fie...
.........Hari tu kau tanya aku macam mana buat template blog ni kan.......So...disebabkan aku tak da kerja...aku tengah holiday just tunggu Poli buka balik and aku tau kau sibuk sebab tahun ni STPM kan....So time aku tak da kerja ni aku terfikir la nak hadiahkan kau template yang aku try2 buat ni....hehe....So kalau kau nak kau ambil la......Template ni tak da la cantik sangat..cam blog aku ni juga simple ja...Aku pun still baru juga kan...kau pun tau kan....
....
Aku pun belajar buat template ni dari blog2 lain yang ada kasi tau itu tutorial ma......
Ni la template tu....kalu kau suka kau ambik la.....Ni code dia...tekan ctrl+c untuk copy k..Kalau Pembaca lain nak guna template ni....Ambik ja la...Dengan besar hati saya izinkan.....One more lagi....Kalau ada sesetengah coding tu ada coding kau orang n aku tak kasi kredit nama kau org kau org bagitau la....sebab aku buat ikut tutorial blog lain...so,mana tau ada kan......sorry kalau ada...I'm just a new girl here.....=)
<?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: Vanessa
URL: http://ordinarygurlzz.blogspot.com
Date: 11 Jul 2006
Basecode: Kak Una
http://aqupunyekesahbukankau.blogspot.com
-----------------------------------------------
*/
#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="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="#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( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmXiFYPgKhkyMdSyW5ZXDz7IkFL2rmpRWScqWaeF6y-wxfG6PWiaT-1p0TSWArQ2AcEFsx-_jlLOPmbWKS-sLyoEYF_xqTlXJf1cy_FEdrwT7G8eMwsw0JeFr8AaraImYZS_xGT-GO1gg/s1600/backgroundorange.png);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: #000000;
font-size/* */:/**/small;
font-size: /**/small;
letter-spacing:1px;
}
a:link {
text-decoration: none;
color: #FF0080;
}
a:visited {
color: $linkColor;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: $bodyFont;
}
/* Header
----------------------------------------------- */
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
}
#header {
width: 900px;
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 8px 5px #FF0040;
-webkit-box-shadow: 0 0 8px 5px #FF0040;
width: 900px;
margin:auto;
padding:15px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-Y66z9shUOn8coAIBVXI0BwoM7yyMlfSSWoextp6gI8vYN9kv_82wOaQCmCJgARvzDswUvAZDX8xJMbazfbrFdIa2QzcTxzcY2fsWylzP7uTsHnCI9mnDnWlsRdax3QwO0uBdKKnsX4/s1600/chomel.gif);
border: 2px solid #FF0080;
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;
}
#main-wrapper {
margin-left: 5px;
width: 590px;
float: left;
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 */
background:transparent;
border:2px dotted #FF0080;
border-radius:15px 15px 0px 0px;padding:3px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt-Y66z9shUOn8coAIBVXI0BwoM7yyMlfSSWoextp6gI8vYN9kv_82wOaQCmCJgARvzDswUvAZDX8xJMbazfbrFdIa2QzcTxzcY2fsWylzP7uTsHnCI9mnDnWlsRdax3QwO0uBdKKnsX4/s1600/chomel.gif);
}
#sidebar-wrapper {
margin-right: 5px;
width: 260px;
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 {
border-radius:15px 15px 0px 0px;
font-weight: normal;
color: #0c0c0c;
font-size: 10px;
text-align:center;
background:#FA5882;
}
.post {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.post-title {
text-align:right;
border: 2px dotted #A4A4A4;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLjLPXTVbcQIx29mUVq-yaA6v5PAUlUhyphenhyphen-gz1WNCsRk_xgoqA5orOMaBjk4N3t6tfjoPqqJsyeb4G07kMqJmr5Mck1NkVLU3JFwfaxUe7tevpT8qQiuHzKxPmRTpuoYGLGI2lX0xUAWuX/s1600/unabgvintagepink.gif);
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
padding: 5px;
}
margin: 1.6em ;
padding: 4px 5px;
font-size: 125%;
font-weight: bold;
line-height: 2.0em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #e06666;
font-weight: bold;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
.post-footer {
margin: -.25em 0 0;
color: #e06666;
font-size: 87%;
}
.post-footer .span {
margin-right: .3em;
}
.post img, table.tr-caption-container {
padding: 4px;
border: 1px solid transparent;
}
.tr-caption-container img {
border: none;
padding: 0;
}
.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:center;
border: 2px dotted #FF0040;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCLjLPXTVbcQIx29mUVq-yaA6v5PAUlUhyphenhyphen-gz1WNCsRk_xgoqA5orOMaBjk4N3t6tfjoPqqJsyeb4G07kMqJmr5Mck1NkVLU3JFwfaxUe7tevpT8qQiuHzKxPmRTpuoYGLGI2lX0xUAWuX/s1600/unabgvintagepink.gif);
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: #ffd595;
font-size: 100%;
color: #c27ba0;
}
.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: 12px;
background:#848484;
}
::-webkit-scrollbar-thumb {
background-color:#FA5882 ;
-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='Luckystarz (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='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='HTML1' locked='false' title='The Queen' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Friend Link' type='HTML'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Tagboard' type='HTML'/>
<b:widget id='HTML11' locked='false' title='blog list' type='HTML'/>
<b:widget id='HTML8' locked='false' title='Sing A Song' type='HTML'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Recent Post' type='BlogArchive'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
</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'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
</div>
</div></div> <!-- end outer-wrapper -->
<b:include data='blog' name='google-analytics'/>
</body>
</html>
Labels: Bez friend, MY STORY
Tutorial and Freebies
will UPDATE
Leave your footprints here
Thanks for stop here
Editor : Leya Yeolly
Edit Again By : Me
Images : WeHeartIt
music : irondj
.........Hari tu kau tanya aku macam mana buat template blog ni kan.......So...disebabkan aku tak da kerja...aku tengah holiday just tunggu Poli buka balik and aku tau kau sibuk sebab tahun ni STPM kan....So time aku tak da kerja ni aku terfikir la nak hadiahkan kau template yang aku try2 buat ni....hehe....So kalau kau nak kau ambil la......Template ni tak da la cantik sangat..cam blog aku ni juga simple ja...Aku pun still baru juga kan...kau pun tau kan.... 
....
