SHARE YOUR TUTORIAL : Edited Washed Denim Template

sekarang Zuhairah nak bagi freebies Washed Denim pulak!
sebelum tuh ,,,, CREDITS to : Cik athirah! :) *thanks coz I'm using ur background.

*click to enlarge!

Okay copy code bawah ni :

<?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>

<link href='http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic010demoji_675748decoojp.gif' rel='shortcut icon' type='image/gif'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: ♥ Oancake Princess ♥

Designer: Siti Zuhairah Binti Abdul Rahman

URL: http://ceritazuhairah.blogspot.com

Date: 11/11/2011

-----------------------------------------------

*/

#navbar-iframe {

display: none !important;

}

/* Variable definitions

====================

<Variable name="bgColor" description="Page Background Color"

type="color" default="transparent" value="transparent">

<Variable name="textColor" description="Text Color"

type="color" default="transparent" value="transparent">

<Variable name="linkColor" description="Link Color"

type="color" default="transparent" value="transparent">

<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(http://i1080.photobucket.com/albums/j340/Ai_Yuri/Purpleish.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: #BCA9F5;

}

a:visited {

text-decoration: none;

color: #BCA9F5;

}

a img {

border-width: 0;

}

#outer-wrapper {

font: normal 12px Century Gothic;

}

u {

text-decoration:none;

border-bottom: 2px solid #BCA9F5;

padding: 0.5px;

}

/* Header

----------------------------------------------- */

#header-wrapper {

margin:0;

padding: 0;

background-color: transparent;

text-align: center;

}

#header {

width: 780px;

margin: 0 auto;

background-color: transparent;

border: 0px solid transparent;

color: transparent;

padding: 0;

font: normal normal 210% Verdana, Arial, Sans-serif;;

}

#header:hover {

padding-top:40px;

-webkit-transition-duration: .8s;

opacity: 0.1;

}

h1.title {

padding-top: 10px;

margin:10px 0.1em;

line-height: 0.5em;

font-size: 100%;

}

h1.title a, h1.title a:visited {

color: #ffffff;

text-decoration: none;

}

#header .description {

display: block;

margin: 10px;

padding: 10px;

line-height: 0.5em;

font-size: 50%;

}

/* Content

----------------------------------------------- */

.clear {

clear: both;

}

#content-wrapper {

-moz-box-shadow: 0 0 15px 5px #FFFFFF;

-webkit-box-shadow: 0 0 15px 5px #FFFFFF;

width: 890px;

margin:auto;

padding:15px;

background : url(http://2.bp.blogspot.com/-w55aEa7ZrtU/TaCfgxaYFgI/AAAAAAAABX0/x7CcO9PfDAM/s0/11111111111111111111111111111111111.png);

border: 1px solid transparent;

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: 600px;

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 */

}

#sidebar-wrapper {

margin-right: 5px;

width: 270px;

float: left;

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 {

text-align:left;

font:normal 12px Century Gothic;

color: #C1B3EA;

}

.post {

margin:1.5em;

padding-bottom: 1.5em;

}

.post-title {

text-align:right;

border-bottom: 2px dashed #D3D5FF;

margin:1em;

font:normal 12px Century Gothic;

color: #4D4D4D;

}

.post-title a, .post-title a:visited, .post-title strong {

margin: 1.6em 0 .5em;

padding: 4px 5px;

text-decoration: none;

color: #474545;

font-weight: normal;

}

.post div {

margin:0 .75em;

line-height: 1.3em;

}

.post-footer .span {

margin: o . 75em;

}

.post img, table.tr-caption-container {

padding: 0px;

border: 0px solid #cccccc;

}

.tr-caption-container img {

border: none;

padding: 0;

}

.post blockquote {

background: url(http://i1080.photobucket.com/albums/j340/Ai_Yuri/Purpleish.png);

border-radius: 5px;

border: 2px solid #D9CCFF;

margin:1.0em;

padding:5px;

}

.post blockquote:hover {

background-color: #D9CCFF;

-webkit-transition-duration: 2.4s;

border-left:9px solid #D9CCFF;

}

.post blockquote p {

margin: .75em 0;

}

/* Comments

----------------------------------------------- */

#comments h4 {

margin: 1em 3em;

font-weight: bold;

line-height: 1.4em;

color: #ffffff;

}

#comments-block {

margin-left:1.5em;

line-height:1.6em;

background: transparent;

color: black;

padding: 1em;

border:0px solid #ffffff;

}

#comments-block .comment-author {margin:.5em 0;}

#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}

#comments-block .comment-footer {

margin:-.25em 0 2em;

line-height: 1.4em;

letter-spacing:.1em;

}

#comments-block .comment-body p {

margin:0 0 .60em;

padding: 5px 5px 5px 5px;

background: url(http://i1080.photobucket.com/albums/j340/Ai_Yuri/Purpleish.png) repeat top left;

-moz-border-radius: 20px 20px / 20px 20px;

border-radius: 5px 5px / 5px 5px;

border: 2px solid #D3D5FF;

}

.deleted-comment {

font-style:underlined;

color:transparent;

}

.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 {

text-align:right;

background-image:url(http://i1080.photobucket.com/albums/j340/Ai_Yuri/Purpleish.png);

border-bottom: 2px dashed #BCA9F5;

margin:1em;

font: normal normal 13px 'Rancho';

color: #4D4D4D;

}

.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: #474545;

line-height:1.3em;

}

.sidebar .widget {

margin-bottom: 1em;

}

.sidebar .widget-content {

margin: 0 5px;

}/* Profile

----------------------------------------------- */

.profile-img {

float: left;

margin-top: 0;

margin-right: 5px;

margin-bottom: 5px;

margin-left: 0;

padding: 4px;

border: 1px solid transparent;

}

.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: #FFBABA;

}

#footer .widget {

margin:0em;

padding-top: 10px;

font-size: 90%;

line-height: 2.0em;

text-align: left;

font-size: 12px;

}

.post-footer {

-moz-opacity: 0.7;

opacity: 0.7;

-khtml-opacity: 0.7;

padding-top: 10px;

text-align:right;

font-size:12px;

font-family:century gothic;

}

/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>/*----------------------- * jQuery Plugin: Scroll to Top * by Craig Wilson, Ph.Creative (http://www.ph-creative.com) * Bring to you by Zen from http://zenplate.blogspot.com * Copyright (c) 2009 Ph.Creative Ltd. * Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. * For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx * Do not delete these infomation * Version: 1.0, 12/03/2009 -----------------------*/

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});

$(function() { $("#toTop").scrollToTop(); });

</script>

</head>

<body>

<div id='outer-wrapper'><div id='wrap2'>



<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='Oancake Princess ♫ (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='HTML3' locked='false' title='' type='HTML'/>

<b:widget id='HTML2' locked='false' title='' type='HTML'/>

<b:widget id='HTML7' locked='false' title='The Owner' type='HTML'/>

</b:section>

</div>



<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>

<b:section class='footer' id='footer'/>

</div>

</div></div> 

<a href='#' id='toTop'><center>up!<span class='Apple-style-span' style='color: rgb(255, 204, 204); '/></center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7rp0jyVC9rpmPBSW7Sn9W67DaZ0YI4OQK7bv9OR7pvrT1P5VCIq_uwZU3LsH5n_B9SIZrvU8njShgqYRVAlyP1DCFJgnwlniVVaODl7hqwaFuaqTjd3D_za_qgqvy-vz_fYfVIsvlaz0/s1600/header2.png ?t=1292762029' style='border:0;'/></a>

</body>

</html>

♦ Okay dah tuh, saya ada sediakan HEADER untuk dia okay?! :)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2zGV1uOzG8f8ZxpCwAqSWxHwgiLP2vOq-2AxPV7ttUDhc5h5YMHkaZfvryt_Ma7SLCrv7GeXZihRPd9NriCOSJoU4i9qd9RCvr7g_BgdGZVKEtYzU-idkvwdj6lWo5ihJiRIcUieirc/s1600/zuhairah.png

♦ SIAP SEMUA!
Anyway, untuk blog ni Zuhairah guna TITLE Oancake Princess, So bahagian Title tuh korang typelah OANCAKE PRINCESS tuh!
'HOPEFULLY KORANG SUKA! :) ☺☺☺

Wassalam... ♥

Pages

Monday, 16 November 2015

Edited Washed Denim Template

No comments:

SHARE YOUR TUTORIAL

Cari Tutorial Disini

Belajar Disini

Menu Tuto

Tutorial Update

Jangan Lupa Follow

Kongsi-Kongsi

Sebarang Aduan?

Popular Tutorial