Disebabkan saya terlalu bosan, so saya bagi freebies template untuk korang. Skin dye macam skin yg saya pakai sekarang nie ahh, tapi navigations takde. Hahaha pandai2 ah korang letak. And lagi satu, header kene korang letak sendiri sebab saya malas --' follow and dashboard tu pandai2 ah --' so saya bagilah code dye ea :D
Kalau korang nak tengok preview dye (sementara), click sini :) Kalau nak ambek bagitau, tapi ingat jangan nak buang kredit kat bawah tu. Penat saya buat tau haha :D Tapi disebabkan saya terlalubaik hari nie *abaikan ayat jap, so saya bagilah cursor yg saya wat sendiri. Nahhh
Dah ambik cursor tu? Jangan lupe bagitau. Tak perlu kredit :D
Kalau korang nak tengok preview dye (sementara), click sini :) Kalau nak ambek bagitau, tapi ingat jangan nak buang kredit kat bawah tu. Penat saya buat tau haha :D Tapi disebabkan saya terlalu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNE1r8lRCcnz_kR99Y7hbydYLQ_m77-2lSg7Yja1jNqUBecXClF579TPWC5P6z5JFJXabZSCGeJ_C9oqSNzHUOp1DrJHBBlln5kd1aD0PsuG_Fc-BC1oXiOIohWHUL25zRpV008GFSovBm/s1600/pb.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7H2enFl7qtxjO_YNAu5_SyVeNxjYqDiTLQijkfFtZYRFxMImHy7r_dnFoHud0dmNfh-AOX0PMJccVEKpW9toanDsxEwcMVGuaxR5jZT_q57fh4yNWLNgjAm6mrgCDiSjcHIeTCCE7EnEu/s1600/hoho.png
Dah ambik cursor tu? Jangan lupe bagitau. Tak perlu kredit :D
P/S : Bawah nie baru kod skin tu, hahahaha blogger aku bengong
<?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>
<base target='_blank'/>
<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">
*/
@font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
body {
background: url(http://applepine.chu.jp/back/pattern/han3.gif);
background-attachment: fixed;
background-repeat: repeat;
margin: 0;
padding: 0px;
font: x-small Verdana;
color: #474545;
font-size: 11px;
letter-spacing:1.5px;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNE1r8lRCcnz_kR99Y7hbydYLQ_m77-2lSg7Yja1jNqUBecXClF579TPWC5P6z5JFJXabZSCGeJ_C9oqSNzHUOp1DrJHBBlln5kd1aD0PsuG_Fc-BC1oXiOIohWHUL25zRpV008GFSovBm/s1600/pb.png),auto;
}
::-moz-selection {
background:#FFC6C6;
color:#FFFFFF;
}
::selection {
background:#FFC6C6;
color:#FFFFFF;
}
a:link {
text-decoration: none;
color: #E08FFF;
}
a:visited {
text-decoration: none;
color: #E08FFF;
}
a:hover {
text-decoration: none;
color: #FFC6C6;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNE1r8lRCcnz_kR99Y7hbydYLQ_m77-2lSg7Yja1jNqUBecXClF579TPWC5P6z5JFJXabZSCGeJ_C9oqSNzHUOp1DrJHBBlln5kd1aD0PsuG_Fc-BC1oXiOIohWHUL25zRpV008GFSovBm/s1600/pb.png),auto;
}
a img {
border-width: 0;
}
#outer-wrapper {
font: normal 11px Verdana;
}
u {
text-decoration:none;
border-bottom: 2px solid #E08FFF;
padding: 0px;
-webkit-transition: 1s;
}
u:hover {
text-decoration:none;
border-bottom: 2px solid #FFC6C6;
padding: 0px;
-webkit-transition: 1s;
}
/* 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 {
color:#000;
font-family: "bebas neue";
text-align: center;
font-size:18px;
padding:3px;
border-bottom:1px dashed #c0c0c0;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: #E08FFF;
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://applepine.chu.jp/back/pattern/tens10.gif);
border-radius: 5px;
border: 2px solid #E08FFF;
margin:1.0em;
padding:5px;
-webkit-transition-duration: 2.4s;
}
.post blockquote:hover {
background-color: #E08FFF;
-webkit-transition-duration: 2.4s;
border-left:9px solid #E08FFF;
}
.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/AVvXsEj0HA0gPu_ANIL8ZbQoPzr_lqhVQJ4knc1ojVPyu2tx_flByUfWOYsgP2ds3GvKiYEbHSrsbc5nNlhx-NtyZ5WaX7sULxtffW-jjZTvsd-1InYISOl856pSMPIEqZNE4IrxhbuCTsgGuSdu/s1600/ungu.png);
border-left: 4px double #E08FFF;
border-right: 4px double #E08FFF;
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;
}
::-webkit-scrollbar {
height:12px;
width: 7px;
background:#fff;
}
::-webkit-scrollbar-thumb {
background-color: #E08FFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
-moz-border-radius: 10px;
border-radius: 10px;
background:#FFC6C6;
}
]]></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='Preview (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='HTML1' locked='false' title='Disclaimer' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Tagboard' type='HTML'/>
<b:widget id='HTML3' locked='false' title='Twitter' 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'/>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
<center>Template by <a href='http://f-akesmiles.blogspot.com'>Farahin</a>. The resources I got from <a href='http://applepine.chu.jp'>here</a>, <a href='http://chocollyheart.blogspot.com'>here</a>, <a href='http://faracabreys.blogspot.com'>here</a> and <a href='http://aqupunyekesahbukankau.blogspot.com'>here</a>. © All Rights Reserved.</center>
</html>
Tiada ulasan:
Catat Ulasan